/*
 Theme Name: Goldex Casino Child (Legacy)
 Template: caseus
 Description: Legacy child shell. Main unified theme is "Goldex Casino" (caseus).
 Version: 1.0
*/

/* Import parent theme styles */
@import url("../caseus/style.css");

/* Global background, typography and text */
body {
    background-color: #050E0A;      /* main site background like Goldex */
    color: #E6F3E8;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

p {
    margin-bottom: 1rem;
}

.site {
    max-width: 1320px;
    margin: 0 auto;
}

/* Content containers */
.site,
.site-content,
.widget,
.entry-content,
.section,
.card,
.post,
.page {
    background-color: #071711;
    color: #E6F3E8;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;
}

/* Links */
a {
    color: #F5C86B;
    text-decoration: none;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
a:hover,
a:focus {
    color: #FFD980;
}

/* Header / navigation */
.site-header,
.main-header,
.navbar,
.main-navigation {
    background: #020806 !important; /* такой же фон, как у футера */
    color: #E6F3E8;
}

/* Выровнять фон внутренних контейнеров хедера под общий */
.site-header__main,
.site-header__inner {
    background: #020806 !important;
    box-shadow: none !important;
    position: relative;
    z-index: 30;
    overflow: visible !important;
}
.site-header a,
.main-navigation a {
    color: #E6F3E8;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.06em;
}

.main-navigation ul li a {
    padding: 8px 14px;
}

.main-navigation ul li.current-menu-item > a,
.main-navigation ul li:hover > a {
    background-color: #071711;
    color: #F5C86B;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(245, 200, 107, 0.18);
}
.site-header a:hover,
.main-navigation a:hover {
    color: #F5C86B;
}

/* Header right buttons (Login / Join) – точно как глобальная .btn (Read More) */
.site-header__actions .btn {
    background: radial-gradient(circle at 20% 0, #FFE39C 0, #F5C86B 40%, #F49B2C 100%) !important;
    color: #141414 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 26px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 26px rgba(0, 0, 0, 0.7) !important;
}

.site-header__actions .btn:hover {
    filter: brightness(1.05);
    transform: translateY(-1px) scale(1.02);
    background: radial-gradient(circle at 20% 0, #FFE39C 0, #F5C86B 40%, #F49B2C 100%) !important;
    color: #141414 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 16px 32px rgba(0, 0, 0, 0.85) !important;
}

/* Buttons (native + link-buttons) */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.btn,
a.button,
a.btn,
.wp-block-button__link {
    background: radial-gradient(circle at 20% 0, #FFE39C 0, #F5C86B 40%, #F49B2C 100%);
    color: #141414;
    border: none;
    border-radius: 10px;
    padding: 10px 26px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 26px rgba(0, 0, 0, 0.7);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease, color 0.18s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover,
.wp-block-button__link:hover {
    filter: brightness(1.05);
    transform: translateY(-1px) scale(1.02);
    background: radial-gradient(circle at 20% 0, #FFE39C 0, #F5C86B 40%, #F49B2C 100%) !important;
    color: #141414 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0 16px 32px rgba(0, 0, 0, 0.85);
}

button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
.button:focus-visible,
.btn:focus-visible,
a.button:focus-visible,
a.btn:focus-visible,
.wp-block-button__link:focus-visible {
    outline: 2px solid rgba(245, 200, 107, 0.65);
    outline-offset: 2px;
}

/* Hero big CTA button */
.btn.btn--gradient.btn--large {
    font-size: 25px !important;
    line-height: 1.1;
    white-space: nowrap;
}

/* Highlighted sections like hero blocks */
.section-highlight,
.hero,
.banner,
.call-to-action {
    background: radial-gradient(circle at top, #193420 0, #050E0A 60%);
    color: #FFFFFF;
}

/* Generic cards/tiles for games, promos etc. */
.card,
.game-card,
.promo-card,
.wp-block-group {
    background: #071711; /* переопределяем синий card‑bg из родителя */
    border-radius: 14px;
    border: 1px solid #183427;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6);
    overflow: hidden;
}

.card-header,
.promo-card__header {
    background: linear-gradient(135deg, #102119, #050E0A);
    border-bottom: 1px solid #183427;
}

.badge,
.tag,
.label {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(245, 200, 107, 0.08);
    color: #F5C86B;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Footer */
.site-footer,
.footer,
.footer-widgets {
    background-color: #020806;
    color: #9CA7A1;
}
.site-footer a,
.footer a {
    color: #F5C86B;
}
.site-footer a:hover,
.footer a:hover {
    color: #FFD980;
}

/* Borders and separators */
hr,
.widget,
.card,
.post,
.page,
.entry-content {
    border-color: #123024;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: #020807;
    color: #E6F3E8;
    border: 1px solid #123024;
    border-radius: 6px;
    padding: 10px 12px;
}
input::placeholder,
textarea::placeholder {
    color: #52675C;
}

/* Tables (for bonus tables, payment methods, etc.) – под общую стилистику */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    background-color: #050E0A !important;
    color: #E6F3E8;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}

thead {
    background: linear-gradient(135deg, #102119, #050E0A) !important;
}

th,
td {
    padding: 10px 16px;
    border-bottom: 1px solid #123024 !important;
    font-size: 14px;
    background-color: transparent !important;
}

th {
    text-align: left;
    font-weight: 600;
    color: #FFFFFF;
}

tbody tr:nth-child(even) {
    background-color: #071711 !important;
}

tbody tr:hover {
    background-color: #102119 !important;
}

/* ===== Exclusive Bonuses section ===== */
.bonus-section {
    padding: 4.5rem 0 3rem; /* больше воздуха от текста сверху */
    background: radial-gradient(circle at top, #193420 0, #050E0A 55%, #020806 100%) !important;
}

.bonus-card {
    background: #071711 !important;
    border-radius: 14px;
    border: 1px solid #183427 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}

.bonus-card:hover {
    border-color: #F5C86B;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.95);
}

/* ===== Accepted Payment Methods section ===== */
.payments-section {
    padding: 3rem 0;
    background: #050E0A !important;
}

.payment-item {
    background: #071711 !important;
    border-radius: 14px;
    border: 1px solid #183427 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
}

.payment-item__icon {
    background: rgba(7, 17, 13, 0.95) !important;
    border: 1px solid #183427 !important;
}

.payment-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.95);
    border-color: #F5C86B;
}

/* ===== FAQ section ===== */
.faq-section {
    padding: 3rem 0;
    background: #050E0A !important;
}

.faq-item {
    background: #071711 !important;
    border-radius: 14px;
    border: 1px solid #183427 !important;
}

/* ===== Footer ===== */
.site-footer {
    background: #020806 !important;
    border-top: 1px solid #183427 !important;
    margin-top: 3rem;
}

.site-footer__bottom {
    background: #020806 !important;
    border-top: 1px solid #183427 !important;
}

.site-footer__icon {
    background: rgba(7, 17, 13, 0.9) !important;
    border-color: #183427 !important;
}

.site-footer__icon:hover {
    background: rgba(15, 39, 29, 0.95);
    border-color: #F5C86B;
}

/* ===== FAQ layout tweaks (desktop base) ===== */
.faq-section .faq-item {
    background: #071711 !important;
    border-radius: 14px !important;
    padding: 1.2rem 1.6rem !important;
    margin-bottom: 1.2rem !important;
    overflow: hidden;
}

.faq-section .faq-item__question {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.faq-section .faq-item__icon {
    margin-left: 18px;
}

.faq-section .faq-item__answer {
    padding: 1rem 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin-top: 0;
}

/* Доп. отступ снизу у текстовых блоков перед секциями */
.text-content {
    padding-bottom: 45px;
}


/* Lists (FAQ, advantages, etc.) */
ul,
ol {
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

ul li,
ol li {
    margin-bottom: 0.35rem;
}

ul li::marker {
    color: #F5C86B;
}

ol li::marker {
    color: #F49B2C;
    font-weight: 600;
}

/* Interactive elements: tabs, filters, pills */
.nav-pills .nav-link,
.tab-links a,
.filter-pill {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 999px;
    background: #050E0A;
    color: #E6F3E8;
    border: 1px solid #183427;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.nav-pills .nav-link.active,
.tab-links a.active,
.filter-pill--active {
    background: radial-gradient(circle at 20% 0, #FFE39C 0, #F5C86B 40%, #F49B2C 100%);
    color: #141414;
    border-color: #F5C86B;
}

.nav-pills .nav-link:hover,
.tab-links a:hover,
.filter-pill:hover {
    border-color: #F5C86B;
}

/* Slots legacy rules removed: replaced by unified light slots styles */

/* Hero CTA banner under hero */
.hero-cta-banner {
    padding: 18px 0 6px;
    /* фон как у секции слотов (карточек) */
    background: #071711;
}

.hero-cta-banner__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 22px;
    border-radius: 16px;
    background: rgba(5, 14, 10, 0.9);
    border: 1px solid #183427;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
}

.hero-cta-banner__text {
    color: #E6F3E8;
    font-size: 15px;
}

.hero-cta-banner__actions .hero-cta-banner__btn {
    /* Hero CTA: делаем кнопку крупнее, но без переноса текста */
    padding: 18px 52px;
    font-size: 15px;
    line-height: 1.1;
    min-height: 56px;
}

/* Hero section: точный зазор между текстом и кнопкой */
.hero-section__description p {
    margin-bottom: 0;
}

.hero-section__actions {
    margin-top: 40px !important;
}

/* Если зазор задается margin-bottom предыдущих текстовых блоков */
.hero-section__subtitle {
    margin-bottom: 40px !important;
}

.hero-section__description {
    margin-bottom: 40px !important;
}

/* ===== Mobile adaptations ===== */

@media (max-width: 767px) {
    /* Восстанавливаем фон-картинку Hero на мобилках */
    .hero-section__image {
        display: block !important;
    }
    .hero-section__background {
        background: transparent !important;
    }
}

@media (max-width: 992px) {
    /* Header: прячем бонусный текст, уплотняем меню */
    .site-header__bonus-text {
        display: none !important;
    }

    .main-navigation ul li a {
        padding: 8px 10px;
    }
}

@media (max-width: 768px) {
    /* Контейнеры */
    .site {
        max-width: 100%;
    }

    /* Чтобы выпадающие пункты меню в бургер-меню не обрезались и были кликабельны */
    .main-navigation,
    .main-navigation ul,
    .main-navigation li {
        position: relative;
        z-index: 40;
        overflow: visible !important;
    }

    /* Hero CTA под героем – центрируем на мобилках */
    .hero-cta-banner__inner {
        flex-direction: column;
        align-items: center;
        padding: 12px 16px;
        text-align: center;
    }

    .hero-cta-banner__text {
        font-size: 14px;
    }

    .hero-cta-banner__actions .hero-cta-banner__btn {
        width: 100%;
        justify-content: center;
        /* чтобы на мобилках не раздувало блок по высоте */
        padding: 14px 28px;
        font-size: 14px;
        min-height: 50px;
    }

    /* Slots mobile handled by unified light rules */

    /* FAQ – уменьшаем «заготовки» вопросов */
    .faq-section .faq-item {
        padding: 0.3rem 0.6rem !important;
        border-radius: 5px !important;
        margin-bottom: 0.4rem !important;
    }

    .faq-section .faq-item__question {
        font-size: 0.66rem !important;
        line-height: 1.02 !important;
        letter-spacing: 0.02em;
    }

    /* ===== Mobile main menu styling ===== */
    .main-navigation {
        background: #020806 !important;
        padding: 10px 14px 16px;
        border-top: 1px solid rgba(24, 52, 39, 0.6);
        border-bottom: 1px solid rgba(24, 52, 39, 0.6);
        position: static !important; /* убираем absolute, наследуем обычный поток */
    }

    .main-navigation ul {
        display: flex;
        flex-direction: column;
        gap: 8px; /* вертикальные отступы между пунктами меню */
    }

    .main-navigation li {
        border-radius: 10px;
        overflow: hidden;
        margin: 0; /* управляем расстоянием через gap */
    }

    .main-navigation li a {
        display: block;
        padding: 10px 14px;
        border-radius: 10px;
        background: #071711;
        font-size: 12px;
    }

    .main-navigation li.current-menu-item > a,
    .main-navigation li.menu-item-has-children.is-open > a {
        background: #102119;
        color: #F5C86B;
        box-shadow: 0 0 0 1px rgba(245, 200, 107, 0.25);
    }

    /* Подменю на мобильных: скрыто по умолчанию, при клике — класс .is-open, подменю показывается */
    .main-navigation .sub-menu,
    .main-navigation ul.sub-menu,
    .site-header__top-elements .sub-menu,
    .site-header__top-elements ul.sub-menu {
        position: static;
        margin: 10px 0 0 0;
        padding: 0;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        display: none;
        flex-direction: column;
        gap: 8px;
    }
    li.menu-item-has-children.is-open > .sub-menu,
    li.menu-item-has-children.is-open > ul.sub-menu {
        display: flex !important;
    }

    .main-navigation ul.sub-menu li,
    .main-navigation .sub-menu li {
        padding: 0 0 5px 0 !important;
    }

    .main-navigation .sub-menu li {
        border-radius: 10px;
        overflow: hidden;
    }

    .main-navigation .sub-menu li a {
        background: #071711 !important;
        border-radius: 10px;
        margin: 0; /* расстояние между пунктами идёт через gap у ul */
        padding: 10px 16px;
        text-align: left;
    }

    /* Таблицы – горизонтальный скролл + более компактное содержимое на узких экранах */
    .text-content table,
    .payments-section table,
    .bonus-section table,
    .license-section table,
    .faq-section table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 0.8rem;
    }

    .text-content table th,
    .text-content table td,
    .payments-section table th,
    .payments-section table td,
    .bonus-section table th,
    .bonus-section table td,
    .license-section table th,
    .license-section table td,
    .faq-section table th,
    .faq-section table td {
        padding: 8px 10px;
    }

    /* В платежных таблицах на мобиле разрешаем перенос строк, чтобы не обрезалось содержимое */
    .payments-section table th,
    .payments-section table td {
        white-space: normal !important;
        text-align: center;
    }

    /* Accepted Payment Methods – центрируем Currency / Min. deposit внутри карточки */
    .payment-item__details {
        align-items: center;
        text-align: center;
    }

    .payment-item__detail {
        align-items: center;
        text-align: center;
    }

    /* Фиксируем нижнюю CTA-кнопку Join Now на мобилках */
    .site-header__mobile-cta {
        display: block !important;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 50;
        padding: 10px 12px env(safe-area-inset-bottom);
        background: transparent !important; /* убираем тёмную плашку темы */
        box-shadow: none !important;
        border: none !important;
        pointer-events: none; /* чтобы фон не перехватывал клики */
    }

    .site-header__mobile-cta .btn.btn--mobile {
        width: 100%;
        justify-content: center;
        pointer-events: auto; /* кликабельной остаётся только кнопка */
    }
}

/* Slots duplicated fixes removed; now handled in one place */

/* ==========================================
   Light UI redesign (non-breaking overrides)
   ========================================== */

:root {
    --gd-bg: #F8F9FF;
    --gd-bg-soft: #EEF1F7;
    --gd-surface: #FFFFFF;
    --gd-surface-2: #F5F6FA;
    --gd-text: #20253A;
    --gd-text-muted: #66708A;
    --gd-primary: #6C5DD3;
    --gd-primary-2: #8B7CFF;
    --gd-accent: #FF7A00;
    --gd-accent-2: #FFB347;
    --gd-pink: #FF4D8D;
    --gd-blue: #4DA6FF;
    --gd-green: #22C55E;
    --gd-border: #E4E9F5;
    --gd-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    --gd-deep-blue: #131B4E;
}

body {
    background: radial-gradient(circle at 0 0, #ffffff 0%, #f8f9ff 35%, #f5f6fa 100%);
    color: var(--gd-text);
    font-family: "Inter", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--gd-text);
}

a {
    color: var(--gd-primary);
}

a:hover,
a:focus {
    color: #5b4fbd;
}

.site,
.site-content,
.entry-content,
.section,
.post,
.page {
    background-color: transparent;
    color: var(--gd-text);
}

.site-header,
.main-header,
.site-header__main,
.site-header__inner,
.main-navigation {
    background: #131B4E !important;
    backdrop-filter: none;
    color: #FFFFFF;
    box-shadow: 0 6px 18px rgba(19, 27, 78, 0.24);
    border-bottom: none !important;
}

.site-header a,
.main-navigation a {
    color: #FFFFFF;
}

.site-header__bonus-text,
.site-header__bonus-text a,
.site-header__bonus-link {
    color: #DCE4FF !important;
}

.main-navigation ul li.current-menu-item > a,
.main-navigation ul li:hover > a {
    background: rgba(255, 255, 255, 0.14);
    color: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(8, 12, 40, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.site-header__actions .btn.btn--login {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-shadow: none !important;
}

.site-header__actions .btn.btn--primary {
    background: linear-gradient(135deg, #FF7A00, #FFB347) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 10px 22px rgba(255, 122, 0, 0.32) !important;
}

.site-header__actions .btn.btn--login:hover,
.site-header__actions .btn.btn--primary:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

/* Remove decorative strip artifacts under header */
.promo-banner {
    display: none !important;
}

.site-header,
.site-header__main,
.site-header__inner {
    border-bottom: none !important;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.btn,
a.button,
a.btn,
.wp-block-button__link {
    background: linear-gradient(135deg, var(--gd-accent), var(--gd-accent-2));
    color: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(255, 122, 0, 0.2);
    box-shadow: 0 10px 24px rgba(255, 122, 0, 0.28);
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 700;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover,
.wp-block-button__link:hover {
    transform: translateY(-1px) scale(1.02);
    filter: brightness(1.04);
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(255, 122, 0, 0.34);
}

.btn.btn--outline {
    background: #ffffff !important;
    color: var(--gd-primary) !important;
    border: 1px solid #d8ddf0 !important;
    box-shadow: var(--gd-shadow) !important;
}

.hero-section.hero-section--light {
    position: relative;
    overflow: hidden;
}

.hero-section.hero-section--light .hero-section__overlay {
    background: linear-gradient(110deg, rgba(248, 249, 255, 0.94) 22%, rgba(238, 241, 247, 0.68) 58%, rgba(108, 93, 211, 0.2) 100%);
}

.hero-section.hero-section--light .hero-section__content {
    max-width: 640px;
}

.hero-section.hero-section--light .hero-section__title {
    font-size: clamp(28px, 5vw, 52px);
    line-height: 1.06;
    color: #1f2540;
    text-shadow: none;
}

.hero-section.hero-section--light .hero-section__subtitle,
.hero-section.hero-section--light .hero-section__description {
    color: #4f5873;
}

.hero-cta-banner.hero-cta-banner--light {
    background: transparent;
    width: 100%;
}

.hero-cta-banner.hero-cta-banner--light .hero-cta-banner__inner {
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, #ffffff 0%, #f5f6ff 100%);
    border: 1px solid var(--gd-border);
    box-shadow: var(--gd-shadow);
}

.hero-cta-banner.hero-cta-banner--light .hero-cta-banner__text {
    color: var(--gd-text);
}

.top-games-section.top-games-section--light {
    padding-top: 16px;
}

.top-games-section .games-category__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.top-games-section .games-category__title {
    color: #2a3152;
    font-size: clamp(20px, 2.4vw, 24px);
}

.top-games-section .games-category__link {
    color: var(--gd-primary);
    background: #f1efff;
    border-radius: 999px;
    padding: 8px 14px;
}

.top-games-section .games-grid.games-grid--6 {
    gap: 16px;
}

.top-games-section .game-card {
    background: var(--gd-surface);
    border: 1px solid rgba(19, 27, 78, 0.12);
    box-shadow: var(--gd-shadow);
    border-radius: 16px;
}

.top-games-section .game-card__content {
    background: #ffffff;
}

.top-games-section .game-card__title {
    color: #232844;
}

.top-games-section .game-card__provider {
    color: var(--gd-text-muted);
}

.top-games-section .game-card__rtp {
    color: var(--gd-green);
    font-weight: 700;
}

.top-games-section .game-card__overlay {
    background: linear-gradient(to top, rgba(30, 33, 46, 0.35), rgba(30, 33, 46, 0.08));
}

.top-games-section .game-card:hover {
    transform: translateY(-3px) scale(1.03);
    border-color: rgba(19, 27, 78, 0.35);
    box-shadow: 0 14px 30px rgba(108, 93, 211, 0.18);
}

.top-games-section .game-card .btn.btn--small.btn--primary:hover {
    background: linear-gradient(135deg, var(--gd-primary), var(--gd-primary-2)) !important;
    box-shadow: 0 10px 24px rgba(108, 93, 211, 0.32);
}

.bonus-section,
.payments-section,
.faq-section,
.after-slots {
    background: transparent !important;
}

.bonus-card,
.payment-item,
.faq-item,
table {
    background: var(--gd-surface) !important;
    border: 1px solid var(--gd-border) !important;
    box-shadow: var(--gd-shadow) !important;
    color: var(--gd-text);
}

thead {
    background: linear-gradient(135deg, #f5f4ff, #eef1ff) !important;
}

th,
td {
    border-bottom: 1px solid #e7ecf7 !important;
}

tbody tr:nth-child(even),
tbody tr:hover {
    background-color: #f8faff !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: #ffffff;
    color: var(--gd-text);
    border: 1px solid #dbe2f2;
    border-radius: 12px;
}

input::placeholder,
textarea::placeholder {
    color: #8b94ab;
}

.site-footer,
.footer,
.footer-widgets,
.site-footer__bottom {
    background: #f4f6ff !important;
    color: #58607a;
    border-top: 1px solid #dde3f2 !important;
}

.site-footer a,
.footer a {
    color: var(--gd-primary);
}

.site-footer__icon {
    background: #ffffff !important;
    border-color: #dde3f2 !important;
}

.site-footer__icon:hover {
    background: #f1efff !important;
    border-color: #cfd7ef !important;
}

.game-card--placeholder .game-card__placeholder {
    background: linear-gradient(110deg, #f0f3fb 8%, #ffffff 18%, #f0f3fb 33%);
    background-size: 200% 100%;
    animation: gd-shimmer 1.35s linear infinite;
}

@keyframes gd-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 768px) {
    .top-games-section .games-grid.games-grid--6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-section.hero-section--light .hero-section__title {
        font-size: clamp(28px, 8vw, 36px);
    }

    .main-navigation {
        background: #ffffff !important;
        border-top: 1px solid #e4e9f5;
        border-bottom: 1px solid #e4e9f5;
    }

    .main-navigation li a,
    .main-navigation .sub-menu li a {
        background: #f8f9ff !important;
        color: #39405e;
    }
}

/* ==========================================================
   Slots failsafe render fix (image/title/buttons must be visible)
   ========================================================== */
body .top-games-section.top-games-section--light .game-card {
    overflow: hidden !important;
}

body .top-games-section.top-games-section--light .game-card__image {
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
    aspect-ratio: unset !important;
    background: #EEF1F7 !important;
}

body .top-games-section.top-games-section--light .game-card__image img,
body .top-games-section.top-games-section--light .game-card__image .game-card__img {
    width: 100% !important;
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

body .top-games-section.top-games-section--light .game-card__overlay {
    z-index: 2 !important;
}

body .top-games-section.top-games-section--light .game-card__content {
    display: block !important;
    position: relative !important;
    z-index: 3 !important;
    background: #FFFFFF !important;
}

body .top-games-section.top-games-section--light .game-card__title,
body .top-games-section.top-games-section--light .game-card__provider,
body .top-games-section.top-games-section--light .game-card__rtp {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body .top-games-section.top-games-section--light .game-card__actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 768px) {
    body .top-games-section.top-games-section--light .game-card__image,
    body .top-games-section.top-games-section--light .game-card__image img,
    body .top-games-section.top-games-section--light .game-card__image .game-card__img {
        height: 124px !important;
        min-height: 124px !important;
        max-height: 124px !important;
    }
}

/* ==========================================================
   FINAL slots normalization (single deterministic layout)
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .games-grid.games-grid--6 {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 16px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card {
    display: block !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid rgba(19, 27, 78, 0.14) !important;
    background: #FFFFFF !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__link {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    height: auto !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__image {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 136px !important;
    min-height: 136px !important;
    max-height: 136px !important;
    line-height: 0 !important;
    font-size: 0 !important;
    background: #EEF1F7 !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__image img,
body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__image .game-card__img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
}

/* Make CTA always visible and stable */
body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__overlay {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(to top, rgba(17, 24, 39, 0.42), rgba(17, 24, 39, 0.05)) !important;
    padding: 10px !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__actions {
    display: flex !important;
    width: 100% !important;
    gap: 8px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card:hover .game-card__overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__actions .btn.btn--small.btn--outline {
    display: none !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__actions .btn {
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #FF7A00, #FFB347) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(19, 27, 78, 0.18) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__content {
    display: block !important;
    padding: 10px 12px 12px !important;
    background: #FFFFFF !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__title {
    display: block !important;
    margin: 0 !important;
    color: #242B49 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__provider,
body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section.top-games-section--light .game-card__rtp {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==========================================================
   Fresh payments block (new structure, no legacy card styles)
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh {
    background: transparent !important;
    padding: 46px 0 28px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-head {
    text-align: center;
    margin-bottom: 20px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-title {
    margin: 0;
    font-size: clamp(28px, 3vw, 34px);
    font-weight: 800;
    color: #131B4E;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-subtitle {
    margin: 8px 0 0;
    font-size: 14px;
    color: rgba(19, 27, 78, 0.72);
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 16px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-card {
    border-radius: 18px;
    border: 1px solid rgba(19, 27, 78, 0.12);
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-card:hover {
    transform: translateY(-4px);
    border-color: rgba(19, 27, 78, 0.28);
    box-shadow: 0 14px 28px rgba(19, 27, 78, 0.14);
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    padding: 14px;
    background: linear-gradient(135deg, #131B4E 0%, #1D2A78 100%);
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-logo {
    max-width: 85%;
    max-height: 54px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: none;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-fallback {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F83B8D;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-name {
    margin: 12px 14px 8px;
    color: #131B4E;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-meta {
    padding: 2px 14px 14px;
    display: grid;
    gap: 8px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    background: #F8F9FF;
    border: 1px solid #E7ECF8;
    border-radius: 10px;
    padding: 8px 10px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-label {
    color: rgba(19, 27, 78, 0.72);
    font-size: 12px;
    font-weight: 600;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .payments-section.payments-section--fresh .payx-value {
    color: #131B4E;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

/* ==========================================================
   Fresh FAQ block (new layout + clean accordion look)
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh {
    background: transparent !important;
    padding: 48px 0 24px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-head {
    text-align: center;
    margin-bottom: 18px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-title {
    margin: 0;
    color: #131B4E;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-list {
    display: grid;
    gap: 14px;
    max-width: 980px;
    margin: 0 auto;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-item {
    border: 1px solid rgba(19, 27, 78, 0.14);
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-question {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    text-align: left;
    padding: 18px 20px;
    cursor: pointer;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-question__text {
    color: #131B4E;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-question__icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #131B4E;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    flex-shrink: 0;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-answer {
    display: none;
    padding: 10px 20px 18px;
    border-top: 1px solid #EEF1F7;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-answer.is-open,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-answer[style*="display: block"] {
    display: block;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-answer__content,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-answer__content p {
    color: rgba(19, 27, 78, 0.86);
    font-size: 15px;
    line-height: 1.65;
    margin: 0;
}

/* Extra spacing for legacy answer markup if it appears */
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__answer {
    padding: 10px 20px 18px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__answer-content {
    padding: 2px 0 0 !important;
}

@media (max-width: 768px) {
    body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-question {
        padding: 14px 14px;
    }

    body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-question__text {
        font-size: 16px;
    }

    body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section.faq-section--fresh .faqx-answer {
        padding: 8px 14px 14px;
    }
}

/* FAQ question buttons must not inherit global CTA colors */
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__question,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faqx-question {
    background: transparent !important;
    background-image: none !important;
    color: #131B4E !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    filter: none !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__question-text,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faqx-question__text,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__question .faq-item__question-text,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faqx-question .faqx-question__text {
    color: #131B4E !important;
    -webkit-text-fill-color: #131B4E !important;
}

/* Keep plus/minus icon white on blue square */
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__question .faq-item__icon,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faqx-question .faqx-question__icon {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faq-item__question:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .faq-section .faqx-question:hover {
    background: rgba(19, 27, 78, 0.04) !important;
    color: #131B4E !important;
}

/* ==========================================================
   Footer in header-like site style
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__main,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__bottom {
    background: #131B4E !important;
    color: #E8EDFF !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__columns {
    gap: 26px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__icons-title,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__text,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__copyright,
body.wp-theme-caseus.wp-child-theme-caseus-child #footer-menu a {
    color: #FFFFFF !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__text,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__links a,
body.wp-theme-caseus.wp-child-theme-caseus-child #footer-menu a {
    opacity: 0.92;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__text a,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__links a,
body.wp-theme-caseus.wp-child-theme-caseus-child #footer-menu a {
    color: #DCE4FF !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__text a:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__links a:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child #footer-menu a:hover {
    color: #FFFFFF !important;
    opacity: 1;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__icon:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__age-badge {
    background: #F83B8D !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(248, 59, 141, 0.45) !important;
}

/* ==========================================================
   Weekly challenge banner (after Hero)
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge {
    margin-top: 14px;
    margin-bottom: 16px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__card {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1fr;
    align-items: center;
    gap: 20px;
    border-radius: 16px;
    border: 1px solid rgba(19, 27, 78, 0.12);
    background: linear-gradient(135deg, #FFFFFF 0%, #F8F9FF 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 14px 16px;
    min-height: 184px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__card--with-bg {
    background-size: contain !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    position: relative;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__card--with-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    z-index: 0;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__card--with-bg > * {
    position: relative;
    z-index: 1;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__left {
    min-width: 0;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__center {
    display: flex;
    justify-content: center;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__eyebrow {
    margin: 0 0 8px;
    color: rgba(19, 27, 78, 0.72);
    font-size: 13px;
    font-weight: 700;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__amount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    padding: 8px 14px;
    border-radius: 12px;
    background: #131B4E;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__timer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    padding: 10px 14px;
    border: 1px solid #E7ECF8;
    border-radius: 12px;
    background: #FFFFFF;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__unit {
    display: grid;
    gap: 2px;
    text-align: center;
    min-width: 46px;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__value {
    color: #131B4E;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__label {
    color: rgba(19, 27, 78, 0.62);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__sep {
    color: #131B4E;
    font-size: 16px;
    font-weight: 800;
    opacity: 0.7;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__btn {
    min-height: 36px !important;
    min-width: 106px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__actions .btn.btn--outline {
    background: #131B4E !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 6px 14px rgba(19, 27, 78, 0.28) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__right {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 992px) {
    body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__card {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__center,
    body.wp-theme-caseus.wp-child-theme-caseus-child .weekly-challenge__right {
        justify-content: flex-start;
    }
}

/* ==========================================================
   Text content styling in #131B4E palette
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .text-content,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text {
    color: #131B4E !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .text-content h1,
body.wp-theme-caseus.wp-child-theme-caseus-child .text-content h2,
body.wp-theme-caseus.wp-child-theme-caseus-child .text-content h3,
body.wp-theme-caseus.wp-child-theme-caseus-child .text-content h4,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content h1,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content h2,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content h3,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content h4,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content h1,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content h2,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content h3,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content h4,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text h1,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text h2,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text h3,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text h4 {
    color: #131B4E !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .text-content p,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content p,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content p,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text p,
body.wp-theme-caseus.wp-child-theme-caseus-child .text-content li,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content li,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content li,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text li {
    color: rgba(19, 27, 78, 0.92) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .text-content a,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content a,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content a,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text a {
    color: #131B4E !important;
    text-decoration-color: rgba(19, 27, 78, 0.34) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .text-content a:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content a:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content a:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text a:hover {
    color: #2A3A92 !important;
    text-decoration-color: rgba(42, 58, 146, 0.45) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .text-content blockquote,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content blockquote,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content blockquote,
body.wp-theme-caseus.wp-child-theme-caseus-child .seo-content__text blockquote {
    color: #131B4E !important;
    border-left-color: rgba(19, 27, 78, 0.28) !important;
    background: rgba(19, 27, 78, 0.04) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .text-content th,
body.wp-theme-caseus.wp-child-theme-caseus-child .text-content td,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content th,
body.wp-theme-caseus.wp-child-theme-caseus-child .entry-content td,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content th,
body.wp-theme-caseus.wp-child-theme-caseus-child .page-content td {
    color: #131B4E !important;
}

/* Hero typography in brand deep blue */
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__subtitle,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__description,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__description p {
    color: #131B4E !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__title span,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section h1.hero-section__title {
    color: #131B4E !important;
    -webkit-text-fill-color: #131B4E !important;
    background: none !important;
    text-shadow: none !important;
}

/* Hero: remove white gradient overlay */
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__overlay {
    background: transparent !important;
    background-image: none !important;
}

/* Hero background image: prevent upward crop on large screens */
@media (min-width: 1200px) {
    body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section {
        min-height: 640px !important;
    }

    body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__image,
    body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__image img {
        transform: none !important;
    }

    body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__image img,
    body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__image .hero-card__img {
        object-fit: cover !important;
        object-position: center top !important;
        background: transparent !important;
    }
}

/* Larger primary CTA only in Hero */
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .hero-section__actions .btn {
    min-width: 280px !important;
    min-height: 84px !important;
    padding: 24px 64px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-radius: 18px !important;
}

/* Global button text color */
body.wp-theme-caseus.wp-child-theme-caseus-child .btn,
body.wp-theme-caseus.wp-child-theme-caseus-child button,
body.wp-theme-caseus.wp-child-theme-caseus-child .button,
body.wp-theme-caseus.wp-child-theme-caseus-child a.btn,
body.wp-theme-caseus.wp-child-theme-caseus-child a.button,
body.wp-theme-caseus.wp-child-theme-caseus-child .wp-block-button__link {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .btn:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child button:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .button:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child a.btn:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child a.button:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .wp-block-button__link:hover {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* ==========================================================
   Bonuses section in site style
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section {
    background: transparent !important;
    padding: 44px 0 24px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .section-header__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section h2,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section h3 {
    color: #131B4E !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .section-header__description,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section p {
    color: rgba(19, 27, 78, 0.72) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-grid {
    gap: 16px !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(19, 27, 78, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(19, 27, 78, 0.24) !important;
    box-shadow: 0 12px 28px rgba(19, 27, 78, 0.12) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card__value,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-title {
    color: #131B4E !important;
    -webkit-text-fill-color: #131B4E !important;
    background: none !important;
}

/* Kill remaining legacy gold text styles inside bonuses */
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card h1,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card h2,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card h3,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card h4,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .value,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .amount,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .title,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card strong {
    color: #131B4E !important;
    -webkit-text-fill-color: #131B4E !important;
    background: none !important;
    background-image: none !important;
    text-shadow: none !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .btn,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .btn.btn--primary,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .btn.btn--gradient {
    background: #F83B8D !important;
    color: #1C2242 !important;
    border: 1px solid rgba(248, 59, 141, 0.42) !important;
    box-shadow: 0 10px 20px rgba(248, 59, 141, 0.24) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-section .bonus-card .btn:hover {
    background: #FF5A9F !important;
    color: #1C2242 !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================
   Pink CTA normalization (match reference screenshot)
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .btn.btn--primary,
body.wp-theme-caseus.wp-child-theme-caseus-child .btn.btn--gradient,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .btn,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-cta-banner .btn,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-header__actions .btn.btn--primary,
body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section .game-card__actions .btn.btn--primary {
    background: #F83B8D !important;
    color: #1C2242 !important;
    border: 1px solid rgba(248, 59, 141, 0.42) !important;
    box-shadow: 0 10px 22px rgba(255, 77, 141, 0.28) !important;
}

body.wp-theme-caseus.wp-child-theme-caseus-child .btn.btn--primary:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .btn.btn--gradient:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-section .btn:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .hero-cta-banner .btn:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .site-header__actions .btn.btn--primary:hover,
body.wp-theme-caseus.wp-child-theme-caseus-child .top-games-section .game-card__actions .btn.btn--primary:hover {
    background: #FF5A9F !important;
    color: #1C2242 !important;
    transform: translateY(-1px) !important;
    filter: none !important;
}

/* ==========================================================
   Theme UI: semantic h3 → span (headings in .text-content / .entry-content / .page-content / .seo-content__text unchanged)
   Duplicate block behavior so margins/typography match former h3.
   ========================================================== */
body.wp-theme-caseus.wp-child-theme-caseus-child .site-footer__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .games-category__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .game-card__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .bonus-card__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .license-item__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .advantage-item__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .advantage-card__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .payment-item__name,
body.wp-theme-caseus.wp-child-theme-caseus-child .payx-name,
body.wp-theme-caseus.wp-child-theme-caseus-child .author-post-card__title,
body.wp-theme-caseus.wp-child-theme-caseus-child .mini-cta-content__title {
    display: block;
}