/**
 * Single Match Complete Template - All Original Styling with Working Layout
 * Professional styling that matches the original design
 */

/* ===== MAIN LAYOUT CONTAINER (WORKING STRUCTURE) ===== */
.single-match-complete-container {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-template-areas:
        "header header"
        "main sidebar";
    gap: 20px;
    align-items: start;
    background: #0A0E13;
    color: #fff;
    font-family: 'sofia-sans', sans-serif;
}

/* ===== HEADER - Full Width ===== */
.single-match-complete-header {
    grid-area: header;
    grid-column: 1 / -1;  /* Explicit: span from first to last column */
    margin-bottom: 15px;
}

/* ===== MAIN CONTENT AREA ===== */
.single-match-complete-main {
    grid-area: main;
    min-width: 0; /* Prevent overflow */
}

.single-match-complete-content {
    background: #0A0E13;
    color: #fff;
    padding-top: 0;
    border-radius: 12px;
    /* gap:16px !important; */
}

/* ===== SIDEBAR ===== */
.single-match-complete-sidebar {
    grid-area: sidebar;
    width: 350px;
    position: sticky;
    top: 20px;
}

.match-breadcrumb {
    font-size: 16px;
    margin-bottom: 15px;
    color: #A0A6BC;
    font-weight: 400;
}

.match-breadcrumb a {
    color: #E6C97F;
    text-decoration: none;
    font-weight: 500;
}
.match-breadcrumb a:hover {
    color: #8A96C7;
    text-decoration: none;
    font-weight: 500;
}

.match-breadcrumb .separator {
    margin: 0 8px;
    color: #A0A6BC;
}

.match-breadcrumb .breadcrumb-current {
    color: #A0A6BC;
    font-weight: 400;
    cursor: default;
}

.single-match-complete-title {
    font-family: 'khand', sans-serif;
    font-size: clamp(2rem, 5vw, 2.5rem);
    font-weight: 700 !important;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.15;
    color: #E9ECF2;
}
.single-match .h1-separator {
    color:#E9ECF2 !important
}
.single-match .h1-event-name {
    color:#E9ECF2 !important
}
.single-match .h1-title-match {
    color:#E9ECF2 !important
}
.single-match .h1-match-type {
    color:#E9ECF2 !important
}

.single-match-complete-title .wrestler-names {
    color: #E9ECF2;
}

.single-match-complete-title .vs-text {
    color: #E6C97F;
    font-size:1.2rem
}

/* Watch Button in Match Details Section - Inline Style */
.single-match-complete-watch-button-inline {
    padding: 4px 12px;
    background: #121920;
    color: #E6C97F;
    text-decoration: none;
    border: 1px solid #e6c97f45;
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.single-match-complete-watch-button-inline:hover {
    background: #E6C97F;
    color: #0A0E13 !important;
    text-decoration: none;
}

/* Watch Button in Results Section */
.single-match-complete-video-section {
    text-align: center;
    margin-top: 20px;
}

.single-match-complete-video-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: transparent;
    color: #E6C97F;
    text-decoration: none;
    border: 1px solid #E6C97F;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.single-match-complete-video-button:hover {
    background: #E6C97F;
    color: #0A0E13;
    text-decoration: none;
}

.single-match-complete-video-button i {
    font-size: 1.2em;
}

/* Match Details Section - Tighter and Cleaner */
.single-match-complete-details {
    background: #121921;
    padding: 20px 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    border: 1px solid rgba(255,255,255,0.08);
}

.single-match-complete-detail-section h3 {
    font-family: 'khand', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 18px 0;
    color: #CEE5F2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.single-match-complete-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: top;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.single-match-complete-detail-item:last-child {
    border-bottom: none;
}

.single-match-complete-detail-label {
    font-weight: 500;
    color: #A0A6BC;
    min-width: 120px;
    font-size: 0.95rem;
    text-transform: uppercase;
}

.single-match-complete-detail-value {
    color: #fff;
    text-align: right;
    font-weight: 500;
    font-size: 1rem;
}
.single-match-complete-detail-value-special {
    
    text-align: right;
    font-weight: 500;
    font-size: 1rem;
    width:60%;
}
.single-match-complete-detail-value a {
    color: #E6C97F;
    text-decoration: none;
    font-weight: 500;
}

.single-match-complete-detail-value a:hover {
    color: #CEE5F2;
}

/* Match Description Block - Full Width */
.single-match-complete-description-block {
    margin-top: 0px;
    padding-top: 10px;
}

.single-match-complete-description-label {
    display: block;
    font-weight: 500;
    color: #A0A6BC;
    font-size: 0.95rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.single-match-complete-description-content {
    color: #E9ECF2;
    font-size: 1rem;
    line-height: 1.6;
}

.single-match-complete-description-content p {
    margin: 0 0 10px 0;
}

.single-match-complete-description-content p:last-child {
    margin-bottom: 0;
}

/* ===== COMPETITORS SECTION ===== */
/* Wrapper container for the entire competitors section */
.single-match-competitors-wrapper {
    background: #121921;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 0px !important;
    border: 1px solid rgba(255,255,255,0.08);
    position: relative;
}

/* Display container for wrestler layouts (centered) */
.single-match-competitors-display {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 250px;
    margin-bottom: 1.5rem;
}

/* ===== WRESTLER CARDS - BASE STYLES ===== */
.single-match-wrestler-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: transform 0.2s ease;
    position: relative;
    color: inherit;
}

.single-match-wrestler-card:hover {
    text-decoration: none;
    color: inherit;
}

.single-match-wrestler-card:hover {
    transform: translateY(-3px);
    z-index: 2;
}

.single-match-wrestler-card img,
.single-match-wrestler-placeholder {
    object-fit: cover;
    object-position: center 20%;
    border-radius: 8px;
    border: 2px solid rgba(255,255,255,.1);
    background: linear-gradient(135deg, #0A0E13 0%, #1A242E 100%);
    transition: all 0.3s ease;
}

.single-match-wrestler-card:hover img,
.single-match-wrestler-card:hover .single-match-wrestler-placeholder {
    border-color: #E6C97F;
    box-shadow: 0 4px 12px rgba(230, 201, 127, 0.3);
}

.single-match-wrestler-placeholder {
    color: #A0A6BC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.single-match-wrestler-name {
    color: #E9ECF2;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 0.5rem;
    font-family: 'sofia-sans', sans-serif;
    line-height: 1.1;
    font-size: 1.1rem !important;
    text-wrap: wrap;
    min-height: 2.2em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* ===== MATCH-SPECIFIC SIZING ===== */

/* 1v1 Singles Match */
.single-match-layout-1v1 .single-match-wrestler-card {
    max-width: 300px;
}
.single-match-layout-1v1 .single-match-wrestler-card img,
.single-match-layout-1v1 .single-match-wrestler-placeholder {
    width: 260px;
    height: 280px;
    object-fit:contain !important;
    padding-top:5px;
}
.single-match-layout-1v1 .single-match-wrestler-placeholder {
    font-size: 1.8rem;
}
.single-match-layout-1v1 .single-match-wrestler-name {
    font-size: 1.1rem;
}

/* 2v2 Tag Team Match - Individual Wrestlers */
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team {
    max-width: 500px !important;
}
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team img,
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team .single-match-wrestler-placeholder {
    width: 170px;
    height: 230px;
    object-fit:cover;
    padding-top:3px;
}

/* 2v2 Tag Team Match - Team Photo (single image per side) */
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team:only-child {
    max-width: 500px;
}
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team:only-child img,
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team:only-child .single-match-wrestler-placeholder {
    width: 400px;
    height: 260px;
}
.single-match-layout-2v2-tag .single-match-wrestler-placeholder {
    font-size: 1.4rem;
}
.single-match-layout-2v2-tag .single-match-wrestler-name {
    font-size: 0.9rem;
}

/* 3v3 Match Layout - Vertical: 3 wrestlers, VS, 3 wrestlers */
.single-match-layout-3v3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 1.5rem;
    padding: 1rem;
}

.single-match-layout-3v3 .single-match-3v3-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.single-match-layout-3v3 .single-match-wrestler-cards-row {
    display: flex;
    justify-content: center;
    gap: 1rem;
    width:800px !important;
}

.single-match-layout-3v3 .single-match-wrestler-card {
    max-width: 270px;
}

.single-match-layout-3v3 .single-match-wrestler-card img,
.single-match-layout-3v3 .single-match-wrestler-placeholder {
    width: 170px;
    height: 230px;
    object-fit: cover;
    padding-top: 3px;
}

.single-match-layout-3v3 .single-match-wrestler-placeholder {
    font-size: 1.4rem;
}

.single-match-layout-3v3 .single-match-team-label {
    font-size: 0.9rem;
}

.single-match-vs-separator-3v3 {
    color: #E6C97F;
    font-weight: 700;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'bebas-neue', sans-serif;
}

/* 5v5 WarGames Match Layout - Vertical: 5 wrestlers, VS, 5 wrestlers */
.single-match-layout-5v5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0.5rem;
}

.single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

.single-match-layout-5v5 .single-match-wrestler-cards-row {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    width: 800px !important;
    flex-wrap: wrap;
    margin-top:20px;
}

.single-match-layout-5v5 .single-match-wrestler-card {
    max-width: 130px;
}

.single-match-layout-5v5 .single-match-wrestler-card img,
.single-match-layout-5v5 .single-match-wrestler-placeholder {
    width: 130px;
    height: 170px;
    object-fit: contain;
    border-radius: 8px;
}

.single-match-layout-5v5 .single-match-wrestler-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}

.single-match-layout-5v5 .single-match-team-label {
    font-size: 1rem;
    margin-top: 0.5rem;
}

.single-match-vs-separator-5v5 {
    color: #E6C97F;
    font-weight: 700;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'bebas-neue', sans-serif;
    margin: 0.8rem 0;
}

/* 3-Way Match (Singles, Tags, or Mixed) */
.single-match-layout-3way {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 1.5rem;
    flex-wrap: nowrap;
}

.single-match-side-wrapper {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex: 1;
    max-width: 300px;
    justify-content: center;
}

.single-match-wrestlers-group {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* 3-way singles */
.single-match-layout-3way .single-match-wrestler-card.single {
    max-width: 140px;
}
.single-match-layout-3way .single-match-wrestler-card.single img,
.single-match-layout-3way .single-match-wrestler-card.single .single-match-wrestler-placeholder {
    width: 140px;
    height: 175px;
}

/* 3-way with teams */
.single-match-layout-3way .single-match-wrestler-card.team-photo {
    max-width: 280px;
    
}
.single-match-layout-3way .single-match-wrestler-card.team-photo img,
.single-match-layout-3way .single-match-wrestler-card.team-photo .single-match-wrestler-placeholder {
    width: 280px;
    height: 180px;
   
}

/* 3-way with multiple wrestlers per side */
.single-match-layout-3way .single-match-wrestler-card.multi {
    max-width: 90px;
}
.single-match-layout-3way .single-match-wrestler-card.multi img,
.single-match-layout-3way .single-match-wrestler-card.multi .single-match-wrestler-placeholder {
    width: 90px;
    height: 115px;
}

.single-match-layout-3way .single-match-wrestler-placeholder {
    font-size: 1.2rem;
}
.single-match-layout-3way .single-match-wrestler-name {
    font-size: 0.85rem;
}

.single-match-vs-separator-3way {
    color: #E6C97F;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'bebas-neue', sans-serif;
}

/* Fatal Four Way (1v1v1v1) - 2x2 Grid */
.single-match-layout-fatal-four-way {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.single-match-wrestlers-grid-fatal-four {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 6rem!important;
    align-items: center;
    justify-items: center;
    max-width: 600px;
}

.single-match-layout-fatal-four-way .single-match-wrestler-card.fatal-four {
    max-width: 350px;
}
.single-match-layout-fatal-four-way .single-match-wrestler-card.fatal-four img,
.single-match-layout-fatal-four-way .single-match-wrestler-card.fatal-four .single-match-wrestler-placeholder {
    width: 220px;
    height: 300px;
    padding-top:3px;
}
.single-match-layout-fatal-four-way .single-match-wrestler-placeholder {
    font-size: 1.3rem;
}
.single-match-layout-fatal-four-way .single-match-wrestler-name {
    font-size: 0.85rem;
}

/* 5-sided match layout - Optimized arrangement */
.single-match-layout-5way {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1.5rem;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    align-items: center;
    justify-items: center;
}

/* First three wrestlers on top row */
.single-match-layout-5way .single-match-side-wrapper:nth-child(1),
.single-match-layout-5way .single-match-side-wrapper:nth-child(2),
.single-match-layout-5way .single-match-side-wrapper:nth-child(3) {
    grid-row: 1;
}

/* Last two wrestlers centered on bottom row */
.single-match-layout-5way .single-match-side-wrapper:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
}

.single-match-layout-5way .single-match-side-wrapper:nth-child(5) {
    grid-row: 2;
    grid-column: 4;
}

/* 6-sided match layout - Optimized 3x2 Grid */
.single-match-layout-6way {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1.8rem;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    align-items: center;
    justify-items: center;
}

/* 6-way side wrapper */
.single-match-layout-6way .single-match-side-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

/* Team name at top */
.single-match-layout-6way .single-match-team-name-top {
    font-size: 1.2rem;
    font-weight: 700;
    color: #E9ECF2;
    text-align: center;
    margin-bottom: 0.3rem;
    font-family: 'khand', sans-serif;
    letter-spacing: 0.5px;
    text-transform:uppercase;
}

/* Team photo container */
.single-match-layout-6way .single-match-team-photo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    transition: transform 0.2s ease;
}

.single-match-layout-6way .single-match-team-photo-container:hover {
    transform: translateY(-3px);
    z-index: 2;
}

.single-match-layout-6way .single-match-team-photo {
    width: 240px;
    height: 150px;
    object-fit: contain;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    transition: all 0.2s ease;
     padding-top:10px;
}

.single-match-layout-6way .single-match-team-photo-container:hover .single-match-team-photo {
    border-color: #E6C97F;
    box-shadow: 0 4px 12px rgba(230, 201, 127, 0.3);
}

.single-match-layout-6way .single-match-wrestlers-names {
    font-size: .9rem;
    color: #A0A6BC;
    text-align: center;
    font-family: 'sofia sans', sans-serif;
    text-transform:uppercase;
}

/* Individual wrestlers container (for teams without photo) */
.single-match-layout-6way .single-match-individual-wrestlers-container {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    width: 240px !important;
    height: 150px !important;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0;
    background: transparent;
    transition: all 0.2s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    overflow: hidden;
      padding-top:25px;
}

.single-match-layout-6way .single-match-individual-wrestlers-container {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 260px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0;
    background: transparent;
    transition: all 0.2s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    overflow: hidden;
      padding-top:25px;
}

.single-match-layout-6way .single-match-individual-wrestler {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    
}

.single-match-layout-6way .single-match-wrestler-photo {
    width: 110px !important;
    height: 2000px !important;
    background:transparent;
    object-fit: contain;
    border-radius: 0;
    border: none;
    padding-top:px;
}

.single-match-layout-6way .single-match-wrestler-placeholder {
    width: 117.5px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0;
    border: 2px solid rgba(255, 255, 255, 0.1);
    font-size: 3rem;
    
}

.single-match-layout-6way .single-match-wrestler-name-below {
    font-size: 0.7rem;
    color: #A0A6BC;
    text-align: center;
    max-width: 115px;
}

/* ===== 6-WAY INDIVIDUAL - TWO ROW LAYOUT (matches wrestling-single-event) ===== */
.single-match-6way-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 30px 0;
}

.single-match-6way-row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 50px;
}

.single-match-6way-wrestler {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    gap: 8px;
    max-width: 120px;
    transition: transform 0.2s ease;
}

.single-match-6way-wrestler:hover {
    transform: translateY(-5px);
    z-index: 2;
}

.single-match-6way-wrestler img {
    width: 180px;
    height: 220px;
    object-fit: contain;
    padding-top:5px;
    object-position: center 20%;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,.1);
    background: linear-gradient(135deg, #0A0E13 0%, #1a242e 100%);
    transition: all 0.3s ease;
}

.single-match-6way-wrestler:hover img {
    border-color: var(--c-accent-gold);
    box-shadow: 0 8px 20px rgba(230, 201, 127, 0.3);
}

.single-match-6way-placeholder {
    width: 120px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #A0A6BC;
    font-weight: bold;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,.1);
    background: linear-gradient(135deg, #0A0E13 0%, #1a242e 100%);
}

.single-match-6way-name {
    color: #E9ECF2;
    font-weight: 500;
    font-size: 0.85rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'sofia sans', sans-serif;
    line-height: 1.2;
}

.single-match-6way-vs {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E6C97F;
    font-weight: 700;
    font-size: 1.4rem;
    font-family: 'bebas-neue', sans-serif;
    letter-spacing: 2px;
    min-width: 30px;
    padding-top: 100px;
}

/* 6-way individual - Tablet (768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
    .single-match-6way-wrestler {
        max-width: 100px;
    }

    .single-match-6way-wrestler img,
    .single-match-6way-placeholder {
        width: 160px;
        height: 180px;
    }

    .single-match-6way-name {
        font-size: 0.85rem;
    }

    .single-match-6way-vs {
        font-size: 1.2rem;
        min-width: 25px;
        padding-top: 80px;
    }
}

/* 6-way individual - Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .single-match-6way-container {
        gap: 15px;
        padding: 20px 0;
    }

    .single-match-6way-row {
        gap: 8px;
    }

    .single-match-6way-wrestler {
        max-width: 140px;
    }

    .single-match-6way-wrestler img,
    .single-match-6way-placeholder {
        width: 140px;
        height: 180px;
    }

    .single-match-6way-name {
        font-size: 0.85rem;
    }

    .single-match-6way-vs {
        font-size: 1.2rem;
        min-width: 20px;
        padding-top: 80px;
    }
}
@media (max-width: 600px) {
    .single-match-6way-container {
        gap: 15px;
        padding: 20px 0;
    }

    .single-match-6way-row {
        gap: 8px;
    }

    .single-match-6way-wrestler {
        max-width: 140px;
    }

    .single-match-6way-wrestler img,
    .single-match-6way-placeholder {
        width: 100px;
        height: 125px;
    }

    .single-match-6way-name {
        font-size: 0.85rem;
    }

    .single-match-6way-vs {
        font-size: 1rem;
        min-width: 20px;
        padding-top: 50px;
    }
}

/* Image sizing for 5-way matches */
.single-match-layout-5way .single-match-wrestler-card {
    max-width: 130px;
}

.single-match-layout-5way img,
.single-match-layout-5way .single-match-wrestler-placeholder {
    width: 130px;
    height: 165px;
}

.single-match-layout-5way .single-match-wrestler-card.team-photo img {
    width: 240px;
    height: 160px;
}

.single-match-layout-5way .single-match-wrestler-name {
    font-size: 0.8rem;
}

/* Multi-wrestler matches (generic fallback) */
.single-match-layout-multi .single-match-wrestlers-grid-2x2 .single-match-wrestler-card {
    max-width: 150px;
}
.single-match-layout-multi .single-match-wrestlers-grid-2x2 img,
.single-match-layout-multi .single-match-wrestlers-grid-2x2 .single-match-wrestler-placeholder {
    width: 150px;
    height: 190px;
}
.single-match-layout-multi .single-match-wrestlers-grid-2x2 .single-match-wrestler-placeholder {
    font-size: 1.4rem;
}
.single-match-layout-multi .single-match-wrestlers-grid-2x2 .single-match-wrestler-name {
    font-size: 0.9rem;
}

/* Multi-wrestler matches (5-12 wrestlers/teams) - smaller size */
.single-match-layout-multi .single-match-wrestlers-grid-4x2 .single-match-wrestler-card.small {
    max-width: 100px;
}
.single-match-layout-multi .single-match-wrestlers-grid-4x2 .single-match-wrestler-card.small img,
.single-match-layout-multi .single-match-wrestlers-grid-4x2 .single-match-wrestler-card.small .single-match-wrestler-placeholder {
    width: 100px;
    height: 125px;
}
.single-match-layout-multi .single-match-wrestlers-grid-4x2 .single-match-wrestler-placeholder {
    font-size: 1.1rem;
}
.single-match-layout-multi .single-match-wrestlers-grid-4x2 .single-match-wrestler-name {
    font-size: 0.8rem;
}

/* 3v3 or similar team matches with team photos */
.single-match-layout-multi .single-match-wrestler-card.team-photo {
    max-width: 220px;
}
.single-match-layout-multi .single-match-wrestler-card.team-photo img,
.single-match-layout-multi .single-match-wrestler-card.team-photo .single-match-wrestler-placeholder {
    width: 220px;
    height: 160px;
    
}

/* Champion Badge Sizing */
.single-match-champion-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: #E6C97F;
    color: #0A0E13;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 2;
}

/* ===== LAYOUT STRUCTURES ===== */

/* 1v1 Singles Layout */
.single-match-layout-1v1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    padding: 1rem;
}

.single-match-competitor-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Triple Threat Layout */
.single-match-layout-triple-threat {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem;
}

.single-match-wrestlers-line-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.single-match-vs-separator-inline {
    color: #E6C97F;
    font-weight: 700;
    font-size: 1.6rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'bebas-neue', sans-serif;
}

/* Fatal Four Way Layout */
.single-match-layout-fatal-four-way {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 1rem;
}

.single-match-wrestlers-grid-fatal-four {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 6rem;
    align-items: center;
    justify-items: center;
    max-width: 600px;
}

.single-match-vs-separator-center-fatal {
    position: absolute;
    top: 48% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #E6C97F;
    font-weight: 700;
    font-size: 2rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    background: rgba(18, 25, 33, 0.9);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    z-index: 10;
}

/* ===== VS SEPARATORS ===== */
.single-match-vs-separator-card {
    color: #E6C97F;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    flex-shrink: 0;
    user-select: none;
    padding: 0 0.5rem;
}

.single-match-vs-separator-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #E6C97F;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    background: #121921;
    padding: 0.2rem 0.5rem;
    border-radius: 15px;
    z-index: 3;
}

.single-match-vs-separator-inline {
    color: #E6C97F;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    user-select: none;
    padding: 0 0.5rem;
}

.single-match-vs-separator-center-fatal {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #E6C97F;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    background: #121921;
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    z-index: 3;
}

/* ===== LAYOUT SPECIFIC STYLES ===== */

/* 1v1 Layout */
.single-match-layout-1v1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 3rem;
}

.single-match-competitor-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 auto;
}

/* Triple Threat Layout */
.single-match-layout-triple-threat {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.single-match-wrestlers-line-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0;
}

.single-match-wrestler-card.triple-threat {
    max-width: 350px;
}

.single-match-wrestler-card.triple-threat img,
.single-match-wrestler-card.triple-threat .single-match-wrestler-placeholder {
    width: 220px;
    height: 300px;
}

/* 2v2 Tag Team Layout */
.single-match-layout-2v2-tag {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    gap: 0rem;
    padding: 1rem;
}

/* 2v2 Tag Team Asymmetric Layout (2v1 or 1v2) */
.single-match-layout-2v2-tag-asymmetric {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    gap: 1rem;
    padding: 1rem;
}

.single-match-tag-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 auto;
}

/* When one side has a team name and the other doesn't, add invisible spacer to match heights */
.single-match-layout-2v2-tag .single-match-tag-team-row:not(:has(.single-match-team-name))::before,
.single-match-layout-2v2-tag-asymmetric .single-match-tag-team-row:not(:has(.single-match-team-name))::before {
    content: '';
    display: block;
    height: 36px; /* Matches .single-match-team-name height (1.1rem line × 1.2 + 15px margin) */
}

/* Wrestler cards row - display horizontally when multiple wrestlers */
.single-match-wrestler-cards-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Ensure tag team wrestler cards have standard sizing */
.single-match-wrestler-card.tag-team {
    max-width: 180px;
}

.single-match-wrestler-card.tag-team img,
.single-match-wrestler-card.tag-team .single-match-wrestler-placeholder {
    width: 180px;
    height: 220px;
    object-fit: cover;
}

/* Individual wrestlers within each team should be side-by-side */
.single-match-tag-team-row .single-match-wrestler-card {
    flex: 0 0 auto;
}

/* When there's only one wrestler card (team photo), center it */
.single-match-tag-team-row .single-match-wrestler-card:only-child {
    justify-self: center;
}

/* Specific styling for top and bottom teams */
.single-match-top-team,
.single-match-bottom-team {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex: 1;
    max-width: 450px;
}

/* When there's a team label, display as column */
.single-match-top-team.has-team-label,
.single-match-bottom-team.has-team-label {
    flex-direction: column;
    gap: 0.5rem;
}

/* Team label for when no team photo exists */
.single-match-team-label {
    color: #E9ECF2 !important;
    font-family: 'sofia sans', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
    text-align: center;
}

/* Wrapper for individual wrestlers under team label */
.single-match-wrestler-cards-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    
}

.single-match-vs-separator-card {
    color: #E6C97F;
    font-weight: 700;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    flex-shrink: 0;
    padding: 0 1rem;
}


/* Multi-wrestler Layout */
.single-match-layout-multi {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.single-match-wrestlers-grid-2x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    align-items: center;
    justify-items: center;
}

.single-match-wrestlers-grid-4x2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0.5rem;
    align-items: center;
    justify-items: center;
}

.single-match-wrestler-card.small img,
.single-match-wrestler-card.small .single-match-wrestler-placeholder {
    width: 60px;
    height: 75px;
}

.single-match-wrestler-card.small {
    max-width: 70px;
}

.single-match-wrestler-card.small .single-match-wrestler-name {
    font-size: 0.6rem;
    max-width: 70px;
    line-height: 1.1;
}

/* More wrestlers indicator */
.single-match-more-wrestlers.small .single-match-wrestler-placeholder {
    background: #E6C97F;
    color: #0A0E13;
    font-weight: bold;
    font-size: 0.8rem;
}

/* Royal Rumble Display */
.single-match-royal-rumble-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #1A242E 0%, #121921 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 15px;
    text-align: center;
    min-height: 150px;
}

.single-match-rumble-icon {
    font-size: 3rem;
    color: #E6C97F;
    margin-bottom: 1rem;
}

.single-match-rumble-count {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.5rem;
}

.single-match-rumble-label {
    font-size: 0.9rem;
    color: #A0A6BC;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* VS Separators */
.single-match-complete-vs-separator-card {
    color: #E6C97F;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    flex-shrink: 0;
    user-select: none;
    padding: 0 1rem;
}

.single-match-complete-vs-separator-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #E6C97F;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'bebas-neue', sans-serif;
    background: #121921;
    padding: 0.3rem 0.6rem;
    border-radius: 15px;
    z-index: 3;
}

/* ===== LAYOUT SPECIFIC STYLES ===== */

/* 1v1 Layout */
.single-match-complete-layout-1v1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: auto;
    gap: 3rem;
}

.single-match-complete-layout-1v1 .single-match-complete-competitor-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 auto;
}

/* Triple Threat Layout */
.single-match-complete-layout-triple-threat {
    position: relative;
}

.single-match-complete-wrestlers-line-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0;
}

.single-match-complete-wrestler-card.single-match-complete-triple-threat img,
.single-match-complete-wrestler-card.single-match-complete-triple-threat .single-match-complete-wrestler-placeholder {
    width: 120px;
    height: 160px;
}

.single-match-complete-wrestler-card.single-match-complete-triple-threat {
    max-width: 120px;
}

.single-match-complete-vs-separator-inline {
    color: #E6C97F;
    font-family: 'khand', sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0.8rem;
    text-shadow: 0 0 8px rgba(230, 201, 127, 0.3);
}

/* Multi-man Layout */
.single-match-complete-layout-multi {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.single-match-complete-wrestlers-grid-2x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    align-items: center;
    justify-items: center;
}

.single-match-complete-wrestlers-grid-4x2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0.8rem;
    align-items: center;
    justify-items: center;
    position: relative;
    padding: 0.5rem;
}

/* Small wrestler cards for larger matches */
.single-match-complete-wrestler-card.single-match-complete-small img,
.single-match-complete-wrestler-card.single-match-complete-small .single-match-complete-wrestler-placeholder {
    width: 60px;
    height: 75px;
}

.single-match-complete-wrestler-card.single-match-complete-small {
    max-width: 70px;
}

.single-match-complete-wrestler-card.single-match-complete-small .single-match-complete-wrestler-name {
    font-size: 0.6rem;
    max-width: 70px;
    line-height: 1.1;
}

.single-match-complete-more-wrestlers.single-match-complete-small .single-match-complete-wrestler-placeholder {
    background: #E6C97F;
    color: #0A0E13;
    font-weight: bold;
    font-size: 0.8rem;
}

/* Royal Rumble display for 13+ wrestlers */
.single-match-complete-royal-rumble-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background: linear-gradient(135deg, #1A242E 0%, #121921 100%);
    border-radius: 10px;
    border: 2px solid #E6C97F;
    text-align: center;
    min-height: 150px;
}

.single-match-complete-rumble-icon {
    font-size: 3rem;
    color: #E6C97F;
    margin-bottom: 0.8rem;
}

.single-match-complete-rumble-count {
    font-family: 'khand', sans-serif;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.3rem;
}

.single-match-complete-rumble-label {
    color: #A0A6BC;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Results Section - Inside wrestlers container */
.single-match-complete-results-section {
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

/* Show Results Button - Styled like wrestling-single-event */
.show-results-btn {
    background: #1a242e;
    border: 1px solid rgb(206 229 242 / 29%);
    color: #CEE5F2;
    padding: .6rem 1.2rem;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    margin: 2rem auto !important;
    display: block;
    font-family: 'sofia-sans', sans-serif;
}

.show-results-btn:hover {
    background: #E6C97F;
    color: #0A0E13;
}

#single-match-complete-show-results-btn {
    background: #E6C97F;
    color: #0A0E13;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    font-family: 'sofia-sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 60%;
    max-width: 400px;
    min-height: 44px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

#single-match-complete-show-results-btn:hover {
    background: #f4d783;
    color: #0A0E13;
    transform: translateY(-1px);
}

#single-match-complete-results-content {
    background: #172029;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-top: 25px;
    text-align: left;
}

/* ===== CHAMPIONSHIP RESULTS (Multi-Championship Matches) ===== */
.championship-results-container {
    justify-items:center;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 25px;

}

.championship-results-header {
    display: flex;
    align-items: center !important;
    gap: 10px;
    margin-bottom: 20px;
    justify-content:center !important;
}

.championship-results-header i {
    color: #E6C97F;
    font-size: 1.3rem;
    margin-top:-4px;
}

.championship-results-title {
    color: #E6C97F;
    font-family: 'khand', sans-serif;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.championship-result-item {
    width:80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, rgba(230, 201, 127, 0.15), rgba(230, 201, 127, 0.05));
    border: 1px solid rgba(230, 201, 127, 0.4);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
}

.championship-result-item:last-of-type {
    margin-bottom: 10px;
}

.championship-name a{
    color: #E6C97F;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: uppercase;
    text-decoration:none;
}
.championship-name a:hover{
    color: #B6C0EB;
 
}
.championship-winner {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #51cf66;
    font-size: 1rem;
    font-weight: 500;
    margin-top:-3px;
}

.championship-winner .won-by-label {
    color: #E9ECF2;
}

.championship-winner .won-by-name,
.championship-winner .won-by-name a {
    color: #51cf66;
    text-decoration: none;
    margin-top:1px;
}
.championship-winner .won-by-name a:hover{
    color: #B6C0EB;

}
.championship-belt-img {
    width: 180px;
    flex-shrink: 0;
}

.championship-belt-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.championship-result-content {
    flex: 1;
    min-width: 0;
}

.championship-results-container .finish-method {
    margin-top: 15px;
    text-align: center;
}

/* ===== STANDARD WINNERS ===== */
.winners-highlight-box {
    background: linear-gradient(135deg, #1A242E, #121921);
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    border: 1px solid rgba(230, 201, 127, 0.2);
}

.winners-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.winners-header i {
    color: #E6C97F;
    font-size: 1.2rem;
}

.winners-title {
    font-family: 'khand', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #CEE5F2;
    margin: 0;
    text-transform: uppercase;
}

.winners-names {
    font-size: 1rem !important;
    font-weight: 500;
    color: #51cf66 !important;
    margin-bottom: 8px;
}

.winners-team {
    color: #51cf66;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 8px;
}

.finish-method {
    color: #E9ECF2 !important;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 5px;
}

/* ===== NO WINNER (NO CONTEST, DRAW, ETC.) ===== */
.no-winner-highlight-box {
   background: linear-gradient(120deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
    border: 1px solid rgba(239, 68, 68, 0.5);
    border-radius: 15px;
    padding: 2rem;
    margin: 2rem auto;
    text-align: center;
    max-width: 50%;
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
}

.no-winner-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.no-winner-header i {
    color: #ef4444;
    font-size: 1.4rem;
}


.no-winner-title {
    color: #ef4444;
    font-family: 'khand', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top:3px;
}

.no-winner-highlight-box .match-time {
    color: #C5D1EB;
    font-size: 0.95rem;
    font-weight: 500;
}

/* Video Section */
.single-match-complete-video-section {
    margin: 25px 0;
}

.single-match-complete-video-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #1a242e;
    color: #E6C97F;
    padding: 6px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size:16px;
}

.single-match-complete-video-button:hover {
    background: #E6C97F;
    transform: translateY(-1px);
    color: #0a0e12;
}

/* Match Summary (in results dropdown) */
.single-match-complete-summary-section {
    margin-top: 25px;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.single-match-complete-summary-section h3 {
    font-family: 'khand', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #E9ECF2;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.single-match-complete-summary-content {
    color: #fff;
    line-height: 1.6;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

.single-match-complete-summary-content div {
    margin-bottom: 1.3em !important;
    font-size: 18px !important;
}

.single-match-complete-summary-content p:last-child {
    margin-bottom: 0;
}

/* ===== SIDEBAR WIDGETS ===== */
.single-match-complete-widget {
    background: #121921;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.wrestling-widget {
    padding:0px !important;
}

.single-match-complete-widget .widget-title {
    font-family: 'khand', sans-serif;
    font-size: 24px !important;
    font-weight: 700;
    color: #E9ECF2;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    border-bottom: 1px solid rgba(230, 201, 127, 0.3);
    padding-bottom: 8px;
}

.single-match-complete-widget .widget-content {
    color: #fff;
}

/* Favorites Widget Styling */
.single-match-complete-favorites-widget .wrestling-favorites-widget {
    
    padding: 20px;
    border: none;
    margin: 0;
    box-shadow:none;
    
}

.single-match-complete-favorites-widget .wrestling-favorites-toggle {
    background: #1a1f29;
    border: 1px solid rgba(230, 201, 127, 0.3);
    color: #E6C97F;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease;
}

.single-match-complete-favorites-widget .wrestling-favorites-toggle:hover {
    background: rgba(230, 201, 127, 0.1);
    border-color: #E6C97F;
}

.single-match-complete-favorites-widget .wrestling-favorites-toggle.favorited {
    background: rgba(230, 201, 127, 0.2);
    border-color: #E6C97F;
}

.single-match-complete-favorites-widget .wrestling-favorites-lists {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.single-match-complete-favorites-widget .wrestling-favorites-count {
    color: #A0A6BC;
    font-size: 0.85rem;
    text-align: center;
    margin-top: 10px;
}

/* Widget specific styling */
.single-match-complete-reviews-widget {
    background: #121921;
}

.single-match-complete-matches-widget {
    background: #121921;
}

/* Sidebar Related Matches List */
.single-match-complete-related-match-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.single-match-complete-related-match-item {
    background: rgba(255,255,255,0.03);
    padding: 12px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.05);
    transition: all 0.2s ease;
    text-decoration: none;
    color: inherit;
    display: block;
}

.single-match-complete-related-match-item:hover {
    background: rgba(255,255,255,0.06);
    border-color: rgba(230, 201, 127, 0.3);
    text-decoration: none;
    color: inherit;
}

.single-match-complete-related-match-wrestlers {
    font-weight: 500;
    color: #fff;
    font-size: 1.1rem;
    text-transform:uppercase;
    line-height: 1.3;
    margin-bottom: 8px;
}

.related-match-side {
    color: #fff;
}

.related-match-vs {
    color: #E6C97F;
    font-weight: 500;
    margin: 0 5px;
    font-size:.8rem;
}

.related-match-subtitle {
    font-size: 0.8rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    margin-top: 2px;
}

.related-match-subtitle .related-match-vs {
    font-size: 0.65rem;
}

.single-match-complete-related-match-event {
    color: #E9ECF2;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 2px;
}

.single-match-complete-related-match-tournament {
    color: #CEE5F2;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2px;
}

.single-match-complete-related-match-date {
    color: #A0A6BC;
    font-size: 0.8rem;
    font-weight: 400;
}

/* Related Match Pills Container */
.single-match-complete-related-match-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
    margin-bottom: 8px;
}

/* Match Type Pill */
.related-match-type-pill {
    display: inline-flex;
    align-items: center;
    padding:0px 4px;
    padding-top:2px;
    padding-bottom:0px;
    background: #313a43;
    border-radius: 4px;
    border: 1px solid rgba(230, 201, 127, 0.3);
    font-size: 11px;
    color: #E6C97F;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'sofia-sans', sans-serif !important;
    letter-spacing:.2px
}

/* Championship Pill */
.related-match-championship-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding:0px 4px;
    padding-top:2px;
    padding-bottom:1px;
    background: #313a43;
    border-radius: 4px;
    border: 1px solid #E6C97F;
    font-size: 11px;
    color: #E6C97F;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'sofia-sans', sans-serif;
}

.related-match-championship-pill i {
    font-size: 10px;
    color: #E6C97F;
}


.related-match-championship-pill span {
    font-size: 11px;
    font-weight: 500;
    color: #E6C97F;
}

.single-match-complete-no-matches {
    color: #A0A6BC;
    font-style: italic;
    font-size: 0.85rem;
    text-align: center;
    padding: 15px;
}

/* Error messages */
.single-match-complete-error {
    background: #121921;
    color: #ff6b6b;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 107, 107, 0.3);
    text-align: center;
    font-weight: 500;
}
.single-match-complete-container .wrestling-rating-widget{
    background:none;
    border:none;
    box-shadow:none;
    padding:5px
}
.single-match-complete-container .wrestling-rating-form{
    background: #172029;
}
.single-match-complete-container .wrestling-rating-widget h3{
    display:none;
}
.single-match-complete-container .rating-summary{
    background:#172029;
}
.single-match-complete-container .rating-summary p{
    font-size:16px;
}
/* ===== RESPONSIVE DESIGN ===== */

/* Tablet (769px - 1024px) */
@media (max-width: 1124px) {
    .single-match-complete-detail-value-special {
    
    width:100%;
}
.single-match-complete-description-content p{
    font-size:16px;
}
    .single-match-complete-container {
        grid-template-columns: 1fr 280px;
        grid-template-areas:
            "header header"
            "main sidebar";
        gap: 0px;
        padding: 0 0px;
    }
    
    .single-match-complete-sidebar {
        width: 280px;
    }
    
    .single-match-complete-content {
        padding: 25px;
    }
    
    .single-match-complete-competitors-section {
        padding: 25px;
    }
    
    /* Adjust base image sizes for tablet */
    .single-match-complete-wrestler-card img,
    .single-match-complete-wrestler-placeholder {
        width: 100px;
        height: 160px;
    }
    
    /* Specific layout adjustments */
    .single-match-complete-layout-1v1 {
        gap: 2rem;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-triple-threat img,
    .single-match-complete-wrestler-card.single-match-complete-triple-threat .single-match-complete-wrestler-placeholder {
        width: 90px;
        height: 120px;
    }
    
    .single-match-complete-widget {
        padding: 18px;
    }
    
    .single-match-complete-widget .widget-title {
        font-size: 1.1rem;
    }
    
    #single-match-complete-show-results-btn {
        width: 70%;
    }
    /* 5v5 WarGames layout adjustments for tablet */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 100%;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 100px;
        height: 150px;
        object-fit:cover;
    }
    .single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

}

/* Mobile Landscape (481px - 768px) */
@media (max-width: 966px) {
     .single-match-complete-detail-value-special {
    text-align:left;
    width:100%;
}
    .single-match-complete-container {
        grid-template-columns: 1fr;
        grid-template-areas:
            "header"
            "main"
            "sidebar";
        gap: 20px;
        padding: 0 10px;
    }
    .championship-results-container{
    padding:1rem !important;
    max-width:90% !important;
}
    .single-match-complete-sidebar {
        width: 100%;
        position: static;
    }
    
    .single-match-complete-content {
        padding: 16px;
        border-radius: 8px;
    }
    
    .single-match-complete-title {
        font-size: 2rem;
    }
    
    .single-match-complete-competitors-section {
        padding: 20px;
    }
    
    /* Default sizes */
    .single-match-complete-wrestler-card img,
    .single-match-complete-wrestler-placeholder {
        width: 100px;
        height: 160px;
    }
    
    /* 1v1 - Keep side by side */
    .single-match-complete-layout-1v1 {
        gap: 1.5rem;
    }
    
    /* Fix 1v1 image sizing for tablet */
    .single-match-layout-1v1 .single-match-wrestler-card {
        max-width: 160px;
    }
    
    .single-match-layout-1v1 .single-match-wrestler-card img,
    .single-match-layout-1v1 .single-match-wrestler-placeholder {
        width: 160px;
        height: 200px;
        object-fit: cover !important;
    }
    
    .single-match-layout-1v1 .single-match-wrestler-name {
        font-size: 0.85rem;
        max-width: 160px;
    }
    
    /* 3v3 layout adjustments for tablet */
    .single-match-layout-3v3 .single-match-wrestler-card {
        max-width: 140px;
    }

    .single-match-layout-3v3 .single-match-wrestler-card img,
    .single-match-layout-3v3 .single-match-wrestler-placeholder {
        width: 140px;
        height: 190px;
    }

    .single-match-vs-separator-3v3 {
        font-size: 1.5rem;
    }

    /* 5v5 WarGames layout adjustments for tablet */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 150px !important;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 125px !important;
        height: 175px !important;
    }
    .single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

    .single-match-layout-5v5 .single-match-wrestler-cards-row {
        gap: 0.8rem;
        width:700px !important;
    }

    .single-match-vs-separator-5v5 {
        font-size: 1.5rem;
    }

    /* Triple threat - horizontal with smaller cards */
    .single-match-complete-wrestler-card.single-match-complete-triple-threat img,
    .single-match-complete-wrestler-card.single-match-complete-triple-threat .single-match-complete-wrestler-placeholder {
        width: 80px;
        height: 100px;
    }

    .single-match-complete-wrestlers-line-3 {
        gap: 0.5rem;
    }
    
    #single-match-complete-show-results-btn {
        width: 80%;
        padding: 14px 20px;
        font-size: 1rem;
    }
    
    .single-match-complete-detail-item {
        padding: 10px 0;
    }
    
    .single-match-complete-widget {
        padding: 18px;
    }
       .single-match-complete-description-content p {
        font-size:16px !important;
    }
    
}

/* Mobile Portrait (max-width: 480px) */
@media (max-width: 480px) {
    .single-match-complete-container{
        padding: 16px
    }
    .single-match-complete-content {
        padding: 0px;
        margin: 0;
        border-radius: 0;
        width: 100%;
        margin-top:20px;
    }
    
    .single-match-complete-competitors-section {
        padding: 20px 15px;
        min-height: 200px;
    }
    
    .single-match-complete-header {
        margin-bottom: -10px;
        margin-top:20px;
    }
    
    .match-breadcrumb {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .single-match-complete-title {
        font-size: 2rem;
        letter-spacing: 0px;
        line-height:0.8;
    }
    
    /* Match Details Section */
    .single-match-complete-details {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .single-match-complete-detail-section h3 {
        font-size: 1.2rem;
        margin-bottom: 12px;
    }
    
    .single-match-complete-detail-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        padding: 8px 0;
    }
    

    .single-match-complete-description-label {
    display: block;
    font-weight: 500;
    color: #A0A6BC;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

    .single-match-complete-detail-value {
        text-align: left;
        font-size: 18px;
        width: 100%;
    }
    .single-match-complete-description-content p {
        margin-bottom:20px;
    }
    
    /* Default mobile sizes */
    .single-match-complete-wrestler-card img,
    .single-match-complete-wrestler-placeholder {
        width: 120px;
        height: 160px;
        border-width: 2px;
    }
    
    .single-match-complete-wrestler-card {
        max-width: 100px;
    }
    
    .single-match-complete-wrestler-name {
        font-size: 0.7rem;
        font-weight: 500;
        max-width: 140px;
    }
    
    /* 1v1 Layout */
    .single-match-complete-layout-1v1 {
        gap: 1rem;
    }
    
    /* Triple Threat - horizontal line */
    .single-match-complete-wrestlers-line-3 {
        gap: 0.6rem;
        padding: 0.8rem 0.3rem;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-triple-threat img,
    .single-match-complete-wrestler-card.single-match-complete-triple-threat .single-match-complete-wrestler-placeholder {
        width: 90px;
        height: 140px;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-triple-threat {
        max-width: 85px;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-triple-threat .single-match-complete-wrestler-name {
        font-size: 0.7rem;
        max-width: 100px;
        font-weight: 500;
    }
    
    /* Multi-man matches */
    .single-match-complete-wrestlers-grid-4x2 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 0.3rem;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-small img,
    .single-match-complete-wrestler-card.single-match-complete-small .single-match-complete-wrestler-placeholder {
        width: 45px;
        height: 56px;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-small {
        max-width: 55px;
    }
    
    .single-match-complete-wrestler-card.single-match-complete-small .single-match-complete-wrestler-name {
        font-size: 0.5rem;
        max-width: 55px;
    }
    
    /* Royal Rumble display */
    .single-match-complete-royal-rumble-display {
        padding: 1rem;
        min-height: 80px;
    }
    
    .single-match-complete-rumble-icon {
        font-size: 1.5rem;
    }
    
    .single-match-complete-rumble-count {
        font-size: 1.2rem;
    }
    
    .single-match-complete-rumble-label {
        font-size: 0.8rem;
    }
    
    /* VS Separators */
    .single-match-complete-vs-separator-card {
        font-size: 1rem;
                text-align:center !important;
    }
    
    .single-match-complete-vs-separator-center {
        font-size: 1rem;
        padding: 0.15rem 0.4rem;
    }
    
    .single-match-vs-separator-inline {
         color: #E6C97F;
    font-family: 'khand', sans-serif;
    font-size: 1.4rem !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0.8rem;
    text-shadow: 0 0 8px rgba(230, 201, 127, 0.3);
    }
    
    /* Results Section */
    .single-match-complete-results-section {
        margin-top: 20px;
    }
    
    #single-match-complete-show-results-btn {
        width: 80%;
        max-width: none;
        padding: 12px 20px;
        font-size: .85rem;
        min-height: 20px;
        font-weight: 600;
    }
    
    #single-match-complete-results-content {
        padding: 20px 5px;
        margin-top: 25px;
    }
    
    .winners-highlight-box {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .winners-title {
        font-size: 1.1rem;
    }
    
    .winners-names {
        font-size: 0.85rem;
    }
    
    .winners-team {
        font-size: 1rem;
    }
    
    .finish-method {
        font-size: 0.85rem;
    }

    .no-winner-highlight-box {
        padding: 15px;
        margin-bottom: 20px;
    }

    .no-winner-title {
        font-size: 1.1rem;
    }

    .no-winner-highlight-box .match-time {
        font-size: 0.85rem;
    }

    /* Video Button */
    .single-match-complete-video-button {
        width: 50%;
        text-align: center;
        justify-content: center;
        padding: 6px 10px;
    }
    
    /* Summary Section */
    .single-match-complete-summary-section h3 {
        font-size: 1.1rem;
    }
    
    .single-match-complete-summary-content {
        font-size: 16px;
        line-height: 1.5;
    }
    
    .single-match-complete-widget {
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 15px;
    }
    
    .single-match-complete-widget .widget-title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
    .single-match-complete-container .rating-summary p{
    font-size:16px !important;
    }
    .single-match-layout-2v2-tag .single-match-wrestler-card.tag-team img,
.single-match-layout-2v2-tag .single-match-wrestler-card.tag-team .single-match-wrestler-placeholder {
    width: 140px;
    height: 190px;
    object-fit:contain;
    padding-top:3px;
}
}

/* Extra Small Mobile (max-width: 360px) */
@media (max-width: 480px) {
    .single-match-complete-content {
        padding: 0px;
    }
    
    .single-match-complete-title {
        font-size: 32px;
        display: block;
        line-height:1.1
    }

    .single-match-complete-title .wrestler-names {
        display: inline;
    }

    .single-match-complete-title .vs-text {
        font-size: 1.3rem;
        display: inline;
        margin: 0 rem;
    }
    
    .single-match-complete-competitors-section {
        padding: 15px 10px;
    }
    
    /* Default sizes for extra small */
    .single-match-complete-wrestler-card img,
    .single-match-complete-wrestler-placeholder {
        width: 50px;
        height: 63px;
    }
    
    .single-match-complete-wrestler-card {
        max-width: 60px;
    }
    
    .single-match-complete-wrestler-name {
        font-size: 0.55rem;
        max-width: 60px;
    }
    
    /* Specific adjustments */
    .single-match-complete-wrestler-card.single-match-complete-triple-threat img,
    .single-match-complete-wrestler-card.single-match-complete-triple-threat .single-match-complete-wrestler-placeholder {
        width: 70px;
        height: 88px;
    }
}

/* Ensure proper box-sizing for all elements */
* {
    box-sizing: border-box;
}

/* Prevent horizontal scroll */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* ===== RESPONSIVE STYLES FOR NEW LAYOUTS ===== */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .single-match-competitors-section {
        padding: 25px;
    }
    
    .single-match-wrestler-card img,
    .single-match-wrestler-placeholder {
        width: 100px;
        height: 160px;
    }
    
    .single-match-layout-1v1 {
        gap: 2rem;
    }
    
    .single-match-wrestler-card.triple-threat img,
    .single-match-wrestler-card.triple-threat .single-match-wrestler-placeholder {
        width: 90px;
        height: 120px;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .single-match-competitors-section {
        padding: 20px;
    }
    
    .single-match-wrestler-card img,
    .single-match-wrestler-placeholder {
        width: 100px;
        height: 160px;
    }
    
    .single-match-layout-1v1 {
        gap: 1.5rem;
    }
    
    .single-match-wrestler-card.triple-threat img,
    .single-match-wrestler-card.triple-threat .single-match-wrestler-placeholder {
        width: 80px;
        height: 100px;
    }
    
    .single-match-wrestlers-line-3 {
        gap: 0.5rem;
    }
    
    /* 3v3 layout adjustments for mobile */
    .single-match-layout-3v3 {
        gap: 1rem;
    }

    .single-match-layout-3v3 .single-match-wrestler-card {
        max-width: 110px;
    }

    .single-match-layout-3v3 .single-match-wrestler-card img,
    .single-match-layout-3v3 .single-match-wrestler-placeholder {
        width: 110px;
        height: 145px;
    }

    .single-match-layout-3v3 .single-match-wrestler-cards-row {
        gap: 0.8rem;
    }

    .single-match-vs-separator-3v3 {
        font-size: 1.3rem;
    }

    /* 5v5 WarGames layout adjustments for mobile */
    .single-match-layout-5v5 {
        gap: 0.8rem;
    }

    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 85px;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 85px;
        height: 110px;
    }

    .single-match-layout-5v5 .single-match-wrestler-cards-row {
        gap: 0.5rem;
    }

    .single-match-layout-5v5 .single-match-team-label {
        font-size: 0.85rem;
    }

    .single-match-vs-separator-5v5 {
        font-size: 1.3rem;
    }

    /* 6-way individual layout adjustments for mobile */
    .single-match-layout-6way.individual-6way {
        flex-wrap: wrap;
        gap: 0.3rem;
    }

    .single-match-layout-6way.individual-6way .single-match-side-wrapper {
        max-width: 70px;
    }

    .single-match-layout-6way.individual-6way .single-match-wrestler-photo,
    .single-match-layout-6way.individual-6way .single-match-team-photo,
    .single-match-layout-6way.individual-6way img {
        max-width: 70px;
        width: 70px;
        height: 90px;
    }

    .single-match-layout-6way.individual-6way .single-match-wrestler-placeholder {
        width: 70px;
        height: 90px;
    }

    .single-match-layout-6way.individual-6way .single-match-wrestlers-names {
        font-size: 0.55rem;
        max-width: 70px;
    }

    .single-match-vs-separator-6way {
        font-size: 0.9rem;
        min-width: 20px;
        padding: 0 0.1rem;
    }

    /* 2v2 Tag Team - Stack vertically on mobile */
    .single-match-layout-2v2-tag,
    .single-match-layout-2v2-tag-asymmetric {
        flex-direction: column;
        gap: 1.5rem;
    }

    .single-match-tag-team-side {
        max-width: 100%;
    }

    .single-match-vs-separator-tag {
        padding: 0.5rem 0;
    }
    
    /* 3-way - Stack vertically on mobile */
    .single-match-layout-3way {
        flex-direction: column;
        gap: 1rem;
    }
    
    .single-match-side-wrapper {
        max-width: 100%;
        width: 100%;
    }
    
    /* 4-way - Keep 2x2 grid but smaller gap */
    .single-match-layout-fatal-four-way {
        gap: 1rem;
    }
    
    /* 5-way and 6-way - Stack vertically on mobile, no fixed height */
    .single-match-layout-5way,
    .single-match-layout-6way {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        align-items: center;
        padding: 1rem 0.5rem;
    }

    /* Reset the specific positioning for mobile */
    .single-match-layout-5way .single-match-side-wrapper,
    .single-match-layout-6way .single-match-side-wrapper {
        width: 100%;
        max-width: 100%;
        grid-row: auto;
        grid-column: auto;
    }

    /* Appropriate image sizes for 5-way on mobile */
    .single-match-layout-5way .single-match-wrestler-card {
        max-width: 100px;
    }

    .single-match-layout-5way img,
    .single-match-layout-5way .single-match-wrestler-placeholder {
        width: 100px;
        height: 130px;
    }

    /* 6-way mobile styles */
    .single-match-layout-6way .single-match-team-photo {
        width: 200px;
        height: 135px;
        object-fit:cover;
    }

    .single-match-layout-6way .single-match-wrestler-photo {
        width: 95px;
        height: 125px;
    }

    .single-match-layout-6way .single-match-wrestler-placeholder {
        width: 95px;
        height: 125px;
        font-size: 2rem;
    }

    .single-match-layout-6way .single-match-wrestler-name-below {
        font-size: 0.65rem;
        max-width: 95px;
    }
     /* 5v5 WarGames layout adjustments for tablet */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 150px !important;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 125px !important;
        height: 175px !important;
    }
    .single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

    .single-match-layout-5v5 .single-match-wrestler-cards-row {
        gap: 0.8rem;
        width:520px !important;
    }

    .single-match-vs-separator-5v5 {
        font-size: 1.8rem;
    }
}

/* Mobile Portrait (max-width: 480px) */
@media (max-width: 480px) {
    .single-match-competitors-section {
        padding: 15px 10px;
    }
    
    .single-match-wrestler-card img,
    .single-match-wrestler-placeholder {
        width: 140px !important;
        height: 200px !important;
        border-width: 2px;
    }
    
     .single-match-wrestler-card {
        max-width: 120px !important;
    }
    
    .single-match-wrestler-name {
        font-size: 0.7rem;
        font-weight: 500;
        max-width: 140px;
        min-height: 2.2em;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    
    .single-match-layout-1v1  .single-match-wrestler-name{
        font-size:.95rem;
    }
    .single-match-layout-1v1 {
        gap: 0rem;
        padding:0;
    }
    .single-match-wrestlers-line-3 {
      flex-direction: column;
    align-items: center;
    gap: 20px;
    }
    
    .single-match-wrestler-card.triple-threat img,
    .single-match-wrestler-card.triple-threat .single-match-wrestler-placeholder {
        width: 200px !important;
        height: 220px !important;
        object-fit:contain;
        padding-top:10px;
    }
    
    .single-match-wrestler-card.triple-threat {
        max-width: 140px !important;
    }
    
    .single-match-wrestler-card.triple-threat .single-match-wrestler-name {
        font-size: 1rem;
        max-width: 160px;
        font-weight: 500;
    }
    
    .single-match-wrestlers-grid-4x2 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 0.3rem;
    }
    
    .single-match-wrestler-card.small img,
    .single-match-wrestler-card.small .single-match-wrestler-placeholder {
        width: 45px;
        height: 56px;
    }
    
    .single-match-wrestler-card.small {
        max-width: 55px;
    }
    
    .single-match-wrestler-card.small .single-match-wrestler-name {
        font-size: 0.5rem;
        max-width: 55px;
    }
    
    .single-match-royal-rumble-display {
        padding: 1rem;
        min-height: 80px;
    }
    
    .single-match-rumble-icon {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }
    
    .single-match-rumble-count {
        font-size: 1.2rem;
    }
    
    /* 3v3 layout adjustments for small mobile */
    .single-match-layout-3v3 .single-match-wrestler-card {
        max-width: 95px;
    }

    .single-match-layout-3v3 .single-match-wrestler-card img,
    .single-match-layout-3v3 .single-match-wrestler-placeholder {
        width: 95px;
        height: 125px;
    }

    .single-match-layout-3v3 .single-match-wrestler-cards-row {
        gap: 0.6rem;
    }

    .single-match-vs-separator-3v3 {
        font-size: 1.1rem;
    }

    /* 5v5 WarGames layout adjustments for small mobile */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 150px;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 70px ;
        height: 90px;
    }

    .single-match-layout-5v5 .single-match-wrestler-cards-row {
        gap: 0.4rem;
    }

    .single-match-layout-5v5 .single-match-team-label {
        font-size: 0.75rem;
    }

    .single-match-vs-separator-5v5 {
        font-size: 1.1rem;
    }

    /* 2v2 Tag Team - Stack vertically on small mobile */
    .single-match-layout-2v2-tag,
    .single-match-layout-2v2-tag-asymmetric {
        flex-direction: column;
        gap: 1rem;
    }

    .single-match-tag-team-side {
        max-width: 100%;
    }

    .single-match-tag-team-wrestlers {
        gap: 1rem;
    }

    .single-match-vs-separator-tag {
        padding: 0.3rem 0;
        font-size: 1rem;
    }

    /* 5-way - Smaller images on small mobile */
     /* 5v5 WarGames layout adjustments for tablet */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 150px !important;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 125px !important;
        height: 175px !important;
    }
    .single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

    .single-match-layout-5v5 .single-match-wrestler-cards-row {
        gap: 0.8rem;
        width:400px !important;
    }

    .single-match-vs-separator-5v5 {
        font-size: 1.8rem;
    }

    /* 6-way - Smaller images on small mobile */
    .single-match-layout-6way .single-match-team-photo {
        width: 300px;
        height: 240px;


    }

    .single-match-layout-6way .single-match-individual-wrestlers-container {
        width: 300px !important;
        height: 240px !important;
        gap: 0rem;
    
    }

    .single-match-layout-6way .single-match-wrestler-photo {
        width: 160px!important;
        height: 220px !important;
        object-fit:cover;
    }

    .single-match-layout-6way .single-match-wrestler-placeholder {
        width: 85px;
        height: 110px;
        font-size: 1.8rem;
    }

    .single-match-layout-6way .single-match-wrestler-name-below {
        font-size: 0.6rem;
        max-width: 85px;
    }

    .single-match-layout-6way .single-match-team-name-top {
        font-size:1.3rem;
    }
     /* 5v5 WarGames layout adjustments for tablet */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 100%;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 100px !important;
        height: 140px !important;
        object-fit:cover;
    }
    .single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}
    .single-match-layout-5v5 .single-match-wrestler-name {
    font-size: .85rem !important;
        color: #E9ECF2;
}
    .single-match-wrestlers-grid-fatal-four {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 4rem!important;
    align-items: center;
    justify-items: center;
    max-width: 600px;
}
}

/* Extra Small Mobile (max-width: 360px) */
@media (max-width: 360px) {
    .single-match-competitors-section {
        padding: 15px 10px;
    }
    
    .single-match-wrestler-card img,
    .single-match-wrestler-placeholder {
        width: 50px;
        height: 63px;
    }
    
    .single-match-wrestler-card {
        max-width: 60px;
    }
    
    .single-match-wrestler-name {
        font-size: 0.55rem;
        max-width: 60px;
        min-height: 2.2em;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    
    .single-match-wrestler-card.triple-threat img,
    .single-match-wrestler-card.triple-threat .single-match-wrestler-placeholder {
        width: 70px;
        height: 88px;
    }
    
    .single-match-layout-1v1 {
        gap: 0.8rem;
    }
    
    /* Fix oversized 1v1 images on mobile */
    .single-match-layout-1v1 .single-match-wrestler-card {
        max-width: 120px;
    }
    
    .single-match-layout-1v1 .single-match-wrestler-card img,
    .single-match-layout-1v1 .single-match-wrestler-placeholder {
        width: 120px;
        height: 150px;
        object-fit: cover ;
    }
    
    .single-match-layout-1v1 .single-match-wrestler-name {
        font-size: 0.8rem;
        max-width: 120px;
    }
    
    .single-match-tag-team-wrestlers {
        gap: 0.8rem;
    }
    
    .single-match-vs-separator-tag {
        font-size: 0.9rem;
    }
     /* 5v5 WarGames layout adjustments for tablet */
    .single-match-layout-5v5 .single-match-wrestler-card {
        max-width: 150px !important;
    }

    .single-match-layout-5v5 .single-match-wrestler-card img,
    .single-match-layout-5v5 .single-match-wrestler-placeholder {
        width: 125px !important;
        height: 175px !important;
    }
    .single-match-layout-5v5 .single-match-5v5-team-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

    .single-match-layout-5v5 .single-match-wrestler-cards-row {
        gap: 0.8rem;
        width:300px !important;
    }

    .single-match-vs-separator-5v5 {
        font-size: 1.8rem;
    }
}

/* Touch-friendly hover states for mobile */
@media (hover: none) and (pointer: coarse) {
    .single-match-complete-wrestler-card:hover {
        transform: none;
    }

    .single-match-wrestler-card:hover {
        transform: none;
    }
}

/* ===== WINNER HIGHLIGHTING STYLES ===== */

/* Winner styling when results are shown - applied to wrestler images */
.results-visible .competitor-block.winner .wrestler-profile-thumb img,
.results-visible .competitor-block.winner .single-match-wrestler-card img {
    border: 3px solid #51cf66;
    box-shadow: 0 0 0 3px rgba(81, 207, 102, 0.3);
    transition: border 0.3s ease, box-shadow 0.3s ease;
}

.results-visible .competitor-block.winner .wrestler-name,
.results-visible .competitor-block.winner .team-label,
.results-visible .competitor-block.winner .team-label a,
.results-visible .competitor-block.winner .single-match-wrestler-name {
    color: #51cf66 !important;
    transition: color 0.3s ease;
}

/* Animated winner highlight effect */
@keyframes winnerPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.results-visible .competitor-block.winner-animated .wrestler-profile-thumb,
.results-visible .competitor-block.winner-animated .single-match-wrestler-card {
    animation: winnerPulse 0.6s ease-out;
}

/* Winner checkmark positioned over the wrestler image */
.results-visible .competitor-block.winner .wrestler-profile-thumb,
.results-visible .competitor-block.winner .single-match-wrestler-card {
    position: relative;
}

.results-visible .competitor-block.winner .wrestler-profile-thumb::after,
.results-visible .competitor-block.winner .single-match-wrestler-card::after {
    content: '\f00c'; /* FontAwesome checkmark */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background: #51cf66;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 10;
    opacity: 0;
    animation: fadeInCheckmark 0.5s ease-out 0.3s forwards;
}

@keyframes fadeInCheckmark {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Special styling for tag team cards */
.results-visible .competitor-block.winner.single-match-tag-team-row {
    background: rgba(81, 207, 102, 0.1);
    border: 1px solid rgba(81, 207, 102, 0.3);
    border-radius: 8px;
    padding: 10px;
    transition: all 0.3s ease;
}

/* Mobile responsive winner styling */
@media (max-width: 768px) {
    .results-visible .competitor-block.winner .wrestler-profile-thumb::after,
    .results-visible .competitor-block.winner .single-match-wrestler-card::after {
        width: 24px;
        height: 24px;
        font-size: 12px;
        top: 6px;
        right: 6px;
    }
}

/* ===== TAG TEAM NAME AND WRESTLER NAMES STYLING ===== */

/* Team name displayed above the images */
.single-match-team-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: #CEE5F2;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

/* Legacy wrestler names styling - no longer used since we always show individual wrestlers */

/* Individual wrestler name labels (below each wrestler's image when no team photo) */
.single-match-team-label {
        font-size: 0.95rem;
    color: #A0A6BC;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    margin-top: 8px;
    transition: color 0.3s ease;
}

.single-match-wrestler-card:hover .single-match-team-label {
    color: #CEE5F2;
}

/* Responsive adjustments for team and wrestler names */
@media (max-width: 768px) {
    .single-match-team-name {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .single-match-wrestlers-names {
        font-size: 0.85rem;
        margin-top: 5px;
    }

    .single-match-team-label {
        font-size: 1rem !important;
        margin-top: 6px;
    }

    .single-match-layout-2v2-tag .single-match-tag-team-row:not(:has(.single-match-team-name))::before,
    .single-match-layout-2v2-tag-asymmetric .single-match-tag-team-row:not(:has(.single-match-team-name))::before {
        height: 22px; /* 1rem × 1.2 + 10px margin */
    }
}

@media (max-width: 480px) {
    .single-match-team-name {
        font-size: 0.9rem;
        margin-bottom: 8px;
    }

    .single-match-wrestlers-names {
        font-size: 0.8rem;
        margin-top: 0px;
    }

    .single-match-team-label {
        font-size: 0.8rem;
        margin-top: 5px;
    }

    .single-match-layout-2v2-tag .single-match-tag-team-row:not(:has(.single-match-team-name))::before,
    .single-match-layout-2v2-tag-asymmetric .single-match-tag-team-row:not(:has(.single-match-team-name))::before {
        height: 19px; /* 0.9rem × 1.2 + 8px margin */
    }

    .match-breadcrumb .separator {
        margin: 0 0px;
        color: #A0A6BC;
    }
}

/* ===== OTHER MATCHES FROM EVENT SECTION ===== */
.other-matches-section {
    margin-top: 25px;
    padding: 2rem;
    background: #151d25;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.other-matches-heading, .single-match-information-heading {
    font-family: 'khand', sans-serif;
    font-size: 24px !important;
    font-weight: 700;
    color: #CEE5F2;
    text-transform: uppercase;
    letter-spacing: .5px !important;
    margin: 0 0 1rem 0;
    text-align: left;
}

.other-matches-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    width: 100%;
}

.other-match-card {
    background:#1A242E;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    order: var(--content-score, 0);
}

.other-match-card:hover {
    transform: translateY(-4px);
    border-color: rgba(230, 201, 127, 0.3);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

.other-match-link {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: inherit;
}

.other-match-title {
    font-family: 'sofia-sans', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform:uppercase;
    color: #e9ecf2;
    margin-bottom: 1rem;
    line-height: 1.3;
    margin-bottom:8px;
    display: flex;
    align-items: baseline;
    justify-content: left;
    gap: 0em;
    flex-wrap: wrap;
}

.other-match-subtitle {
    font-family: 'sofia-sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 400;
    color: rgba(233, 236, 242, 0.6);
    text-transform: uppercase;
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    justify-content: left;
    flex-wrap: wrap;
}

.other-match-subtitle .other-match-vs-separator {
    font-size: 0.7rem;
}

.other-match-vs-separator {
    color: #E6C97F;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 0.3rem;
}

.other-match-team-separator {
    font-size: 0.85rem;
    color: #A0A6BC;
    font-weight: 400;
}

.other-match-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.other-match-type-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background: #313a43;
    border-radius: 6px;
    border: 1px solid rgba(230, 201, 127, 0.3);
    font-size: 11px;
    color: var(--c-accent-gold);
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'sofia-sans', sans-serif;
}

.other-match-championship-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: #313a43;
    border-radius: 6px;
    border: 1px solid var(--c-accent-gold);
    font-size: 11px;
    color: var(--c-accent-gold);
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'sofia-sans', sans-serif;
}

.other-match-championship-pill i {
    font-size: 10px;
    color: var(--c-accent-gold);
}

.other-matches-none {
    text-align: center;
    color: var(--c-muted);
    font-style: italic;
    padding: 2rem;
}

/* Responsive Design for Other Matches */
@media (max-width: 768px) {
     .show-results-btn {
        width:100% !important;
    }
    .other-matches-section {
        padding: 1.5rem;
        margin-top: 2rem;
    }

    .other-matches-heading {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .other-matches-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .other-match-link {
        padding: 1rem;
    }

    .other-match-title {
        font-size: 1rem;
        min-height: auto;
    }
}

@media (max-width: 480px) {
    .other-matches-section {
        padding: 1rem;
        margin-top: 1.5rem;
        border-radius: 8px;
    }

    .other-matches-heading {
        font-size: 1.4rem;
    }

    .other-match-title {
        font-size: 1.1rem;
    }

    .other-match-type-pill,
    .other-match-championship-pill {
        font-size: 10px;
        padding: 3px 6px;
    }
    
}

/* ===== MULTI-STAGE MATCH STYLES (Three Stages of Hell, etc.) ===== */
.multi-stage-results {
    background: #121921;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.5rem;
    border: 1px solid rgb(117 118 156 / 30%);
}

.multi-stage-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: #E6C97F
}

.multi-stage-header i {
    font-size: 1.2rem;
}

.multi-stage-header h4 {
    margin: 0;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

/* Final Score Banner */
.final-score-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    background: #1A242E;
    padding: 1rem 2rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.final-score-banner .score {
    font-size: 1.7rem;
    font-weight: 500;
    color: #E6C97F;
    font-family: 'sofia-sans', sans-serif;
}

.final-score-banner .side-a-name,
.final-score-banner .side-b-name {
    font-size: 1.15rem;
    font-weight: 500;
    color: #aaa;
    transition: color 0.3s ease;
}

.final-score-banner .side-a-name.winner,
.final-score-banner .side-b-name.winner {
    color: #51cf66;
}

/* Stages Container */
.stages-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

/* Individual Stage Result */
.stage-result {
    background: #1A242E;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    border-left: 3px solid #ffd700;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}


/* Stage Winner Side Styling */
.stage-result.stage-winner-side_a {
    border-left-color: #51cf66;
}

.stage-result.stage-winner-side_b {
    border-left-color: #ff6b6b;
}

.stage-number {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #A0A6BC;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.stage-type {
    font-size: 0.95rem;
    font-weight: 500;
    color: #E9ECF2;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.stage-winner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: #51cf66;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.stage-winner i {
    color: #ffd700;
    font-size: 0.85rem;
}

.stage-finish {
    font-size: 0.90rem;
    color: #A0A6BC;
    margin-top: 0.35rem;
}

.stage-time {
    font-size: 0.7rem;
    color: #777;
    margin-top: 0.25rem;
}

/* ===== SPECIAL GUEST REFEREE SECTION ===== */
.single-match-special-referee-section {
    margin-top: -20px;
    margin-bottom: 40px;
    text-align: center;
}

.special-referee-label {
    font-size: 14px;
    color: #A0A6BC;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'sofia sans', sans-serif;
}

.special-referee-cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.special-referee-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease;
}

.special-referee-card:hover {
    transform: scale(1.05);
}

.special-referee-image {
    width: 160px;
    height: 220px;
    padding-top:0px;
    object-fit: cover;
    border-radius: 10%;
    border: 2px solid rgba(255,255,255,.1);
    background: linear-gradient(135deg, #0A0E13 0%, #1A242E 100%);
}
.special-referee-image:hover {
border: 3px solid #E6C97F;                                                                                                                            
    box-shadow: 0 4px 15px rgba(230, 201, 127, 0.3); 
}
.special-referee-name {
    margin-top: 10px;
    font-weight: 500;
    font-size: 1rem;
    text-transform:uppercase;
    color: #E9ECF2;
    font-family: 'sofia sans', sans-serif;
}

/* ===== SINGLE MATCH TITLES ON THE LINE ===== */
.single-match-titles-on-the-line-box {
    background: linear-gradient(135deg, rgba(230, 201, 127, 0.08), rgba(230, 201, 127, 0.03));
    border: 1px solid rgba(230, 201, 127, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 16px;
    margin-bottom: 48px;
    text-align: center;
    width:50%;
    margin:0 auto;
}

.single-match-titles-on-the-line-header {
    color: #E6C97F;
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-bottom: 1.25rem;
    font-family: 'khand', sans-serif;
}

.single-match-title-belts-display {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}

.single-match-title-belt-item {
    background: #151d25;
    border: 1px solid rgba(230, 201, 127, 0.25);
    border-radius: 10px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
    width:100%;
}

.single-match-title-belt-item:hover {
    border-color: rgba(230, 201, 127, 0.5);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(230, 201, 127, 0.15);
}

.single-match-title-belt-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.single-match-title-belt-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-match-title-belt-img {
    width: 360px;
    height: auto;
    max-height: 180px;
    object-fit: contain;
    border-radius: 8px;
}

.single-match-title-belt-name {
    color: #E6C97F;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    font-family: 'sofia-sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* Responsive adjustments for multi-stage */
@media (max-width: 768px) {
    .multi-stage-results {
        padding: 1rem;
    }

     .single-match-titles-on-the-line-box {
        margin: 16px auto;
        padding: 1rem;
        width:100%;
    }

    .single-match-title-belt-img {
        width: 250px;
        max-height: 150px;
    }

    .single-match-title-belts-display {
        gap: 1rem;
    }
    .final-score-banner {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem;
    }

    .final-score-banner .score {
        font-size: 1.75rem;
        order: -1;
    }

    .final-score-banner .side-a-name,
    .final-score-banner .side-b-name {
        font-size: 0.9rem;
    }

    .stages-container {
        grid-template-columns: 1fr;
    }

    .stage-result {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto auto;
        gap: 0.25rem 0.75rem;
        text-align: left;
        padding: 0.75rem 1rem;
    }

    .stage-number {
        grid-row: 1 / 3;
        align-self: center;
        margin-bottom: 0;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        transform: rotate(180deg);
    }

    .stage-type {
        grid-column: 2;
        margin-bottom: 0;
    }

    .stage-winner {
        grid-column: 3;
        grid-row: 1 / 3;
        flex-direction: column;
        margin-top: 0;
    }

    .stage-finish,
    .stage-time {
        grid-column: 2;
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .multi-stage-header h4 {
        font-size: 0.95rem;
    }
    
    .final-score-banner .score {
        font-size: 1.5rem;
    }

    .stage-result {
        display: block;
        text-align: center;
    }

    .stage-number {
        writing-mode: horizontal-tb;
        transform: none;
    }
    .single-match-information-heading{
        font-size:22px !important;
    }
}