/* Red Devils – Next Match card (clean, horizontal match layout) */

.rd-next-match {
position: relative;
border-radius: 18px;
overflow: hidden;
isolation: isolate;
}

.rd-next-match::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(1200px 600px at 0% 0%, rgba(255, 0, 60, 0.22), transparent 55%),
radial-gradient(900px 500px at 100% 0%, rgba(255, 140, 0, 0.16), transparent 60%),
linear-gradient(180deg, rgba(10, 10, 10, 0.92), rgba(10, 10, 10, 0.86));
z-index: -2;
}

.rd-next-match::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255,255,255,0.06), rgba(255,255,255,0.00));
z-index: -1;
}

.rd-next-match__inner {
padding: 18px;
color: #fff;
}

/* Header */

.rd-next-match__header {
display: grid;
gap: 8px;
margin-bottom: 16px;
}

.rd-next-match__eyebrow {
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
font-size: 0.85rem;
}

.rd-next-match__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
font-size: 0.95rem;
opacity: 0.95;
}

.rd-next-match__badge {
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.14);
font-weight: 700;
}

.rd-next-match__dot {
opacity: 0.5;
}

/* Teams row – horizontal layout */

.rd-next-match__teams {
display: flex;
align-items: center;
gap: 16px;
padding: 16px;
border-radius: 16px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
}

/* Team blocks */

.rd-team {
display: flex;
align-items: center;
gap: 10px;
}

.rd-team--right {
margin-left: auto;
flex-direction: row-reverse;

}

.rd-team__logo {
width: 54px;
height: 54px;
border-radius: 14px;
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.16);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.rd-team__logo img {
width: 42px;
height: 42px;
object-fit: contain;
}

.rd-team__name {
font-weight: 800;
font-size: 1.1rem;
white-space: nowrap;
}

.rd-team--right .rd-team__name {
  text-align: right;
}








/* VS */

.rd-vs {
margin: 0 6px;
}

.rd-vs__pill {
padding: 10px 14px;
border-radius: 999px;
font-weight: 900;
letter-spacing: 0.12em;
font-size: 0.9rem;
background: rgba(255, 0, 60, 0.22);
border: 1px solid rgba(255, 0, 60, 0.4);
}

/* CTA */

.rd-next-match__actions {
margin-top: 16px;
display: flex;
justify-content: flex-end;
}

.rd-next-match__btn {
padding: 10px 16px;
border-radius: 12px;
font-weight: 800;
text-decoration: none !important;
color: #0b0b0b !important;
background: #ffffff;
border: 1px solid rgba(255,255,255,0.25);
transition: transform .12s ease, box-shadow .12s ease;
}

.rd-next-match__btn:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

/* Empty state */

.rd-next-match--empty .rd-next-match__teams,
.rd-next-match--empty .rd-next-match__actions {
display: none;
}

.rd-next-match__debug {
margin-top: 12px;
padding: 12px;
border-radius: 12px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
font-size: 12px;
}

/* Responsive */

@media (max-width: 600px) {
.rd-next-match__teams {
flex-direction: column;
text-align: center;
gap: 12px;
}

.rd-team,
.rd-team--right {
margin: 0;
}

.rd-next-match__actions {
justify-content: stretch;
}

.rd-next-match__btn {
width: 100%;
text-align: center;
}
}