/* ============================================================
   WORLD CUP — SHARED
   ============================================================ */

:root {
    --wc-bg:      #06000f;
    --wc-surface: #1a0134;
    --wc-teal-1:  #1df792;
    --wc-teal-2:  #27d0d7;
    --wc-muted:   #7a7a7a;
    --wc-font:    "Readex Pro", sans-serif;
    /* --global-color-14 = purple, --global-color-13 = purple-2, --global-color-11 = yellow */

    /* CTA gradient — aliniat cu butoanele de oferte (style-offers-redesign.css) */
    --wc-cta-gradient:    linear-gradient(90deg, #f8d70a 0%, #c51af6 200%);
    --wc-cta-color:       #c41af6;
    --wc-cta-hover-color: #8010e4;
}

/* ── Wrapper ── */

.wc-root {
    /* background-color: var(--wc-bg); */
    font-family: var(--wc-font);
    padding: 40px 16px;
}

.wc-odds-container{
    padding: 12px;
}

.wc-inner {
    max-width: 672px;
    margin: 0 auto;
}

/* ── Header ── */

.wc-header {
    text-align: center;
    margin-bottom: 40px;
}

.wc-header__overline {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--global-color-14, #c61af6);
    margin-bottom: 8px;
}

.wc-header__title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    font-family: "Poppins", sans-serif;
    margin: 0;
}

/* ── Empty state ── */

.wc-empty {
    text-align: center;
    padding: 64px 0;
    font-size: 18px;
    color: var(--wc-muted);
}

/* ── Flag ── */

.wc-flag {
    width: 22px;
    height: 15px;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 480px) {
    .wc-flag {
        width: 28px;
        height: 19px;
    }
}