/* =========================================================
   WORLD CUP SPAIN — GLOBAL HOST COUNTRY COLORS
   Spain    = dark gold
   Portugal = green
   Morocco  = red
   ========================================================= */

:root{
    --wc-spain:#D5A000;
    --wc-spain-dark:#A97E00;
    --wc-portugal:#178447;
    --wc-portugal-dark:#0F6334;
    --wc-morocco:#C92D35;
    --wc-morocco-dark:#9E2027;
}

/* Brand tagline */
.brand-countries{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:4px;
    white-space:nowrap;
    font-weight:900;
    line-height:1;
}
.brand-countries .country-spain{color:var(--wc-spain)!important}
.brand-countries .country-portugal{color:var(--wc-portugal)!important}
.brand-countries .country-morocco{color:var(--wc-morocco)!important}
.brand-countries .country-separator{color:#718096!important;font-weight:800}

/* Generic country text helpers */
.country-spain,.country-spain-text{color:var(--wc-spain)!important}
.country-portugal,.country-portugal-text{color:var(--wc-portugal)!important}
.country-morocco,.country-morocco-text{color:var(--wc-morocco)!important}

/* Pills / badges */
.country-pill{
    font-weight:900!important;
    border-width:1px!important;
    border-style:solid!important;
}
.country-pill.country-spain{
    color:#17120a!important;
    background:var(--wc-spain)!important;
    border-color:var(--wc-spain-dark)!important;
}
.country-pill.country-portugal{
    color:#fff!important;
    background:var(--wc-portugal)!important;
    border-color:var(--wc-portugal-dark)!important;
}
.country-pill.country-morocco{
    color:#fff!important;
    background:var(--wc-morocco)!important;
    border-color:var(--wc-morocco-dark)!important;
}

/* Secondary transparent badges where a solid background would be too strong */
.country-accent.country-spain{
    color:var(--wc-spain-dark)!important;
    border-color:rgba(213,160,0,.45)!important;
    background:rgba(213,160,0,.13)!important;
}
.country-accent.country-portugal{
    color:var(--wc-portugal)!important;
    border-color:rgba(23,132,71,.40)!important;
    background:rgba(23,132,71,.11)!important;
}
.country-accent.country-morocco{
    color:var(--wc-morocco)!important;
    border-color:rgba(201,45,53,.40)!important;
    background:rgba(201,45,53,.10)!important;
}

/* Country-linked icons.
   These classes can be reused anywhere later. */
.country-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.country-icon.country-spain{color:var(--wc-spain)!important}
.country-icon.country-portugal{color:var(--wc-portugal)!important}
.country-icon.country-morocco{color:var(--wc-morocco)!important}

.country-icon.country-spain svg,
.country-icon.country-spain i{fill:currentColor!important;color:var(--wc-spain)!important}
.country-icon.country-portugal svg,
.country-icon.country-portugal i{fill:currentColor!important;color:var(--wc-portugal)!important}
.country-icon.country-morocco svg,
.country-icon.country-morocco i{fill:currentColor!important;color:var(--wc-morocco)!important}

/* City image cards */
.city-image-card .country-pill.country-spain,
.city-image-card .country-pill.country-portugal,
.city-image-card .country-pill.country-morocco{
    box-shadow:0 2px 9px rgba(0,0,0,.24);
}

/* Stadium/city cover country label */
.country-kicker.country-spain{color:#FFE074!important}
.country-kicker.country-portugal{color:#75E5A8!important}
.country-kicker.country-morocco{color:#FF7A82!important}

/* Dark themes: keep Spain readable */
body:not(.theme-modern-light) .country-accent.country-spain{
    color:#F0C437!important;
}

/* Mobile brand — keep all 3 country names on one line */
@media (max-width:650px){
    .brand-countries{
        font-size:9.5px!important;
        gap:2px!important;
        letter-spacing:-.01em;
    }
}
@media (max-width:390px){
    .brand-countries{font-size:8.7px!important}
}