/* 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 / Games section styling (переписано с нуля)
   ============================ */

.top-games-section .section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.top-games-section .section-header__title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.top-games-section .games-category__link {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #F5C86B;
}

.top-games-section .games-category__link:hover {
    color: #FFD980;
}

/* Скрываем общий заголовок "Slots / All Popular Games" над сеткой слотов */
.top-games-section .section-header {
    display: none;
}

.top-games-section .games-grid.games-grid--6 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 18px;
}

.top-games-section .game-card {
    all: unset;
    display: block;
    position: relative;
    background: #050E0A;
    border-radius: 16px;
    border: 1px solid rgba(15, 52, 39, 0.9);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.85);
    overflow: hidden;
    cursor: pointer;
}

.top-games-section .game-card__link {
    display: flex;
    flex-direction: column;
    height: auto; /* отменяем жесткое height:100% родителя, чтобы ссылка не тянула карточку вниз */
}

.top-games-section .game-card__image {
    position: relative;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    margin: 0;
    aspect-ratio: auto !important; /* отключаем фиксированное 3/4 из родителя */
}

.top-games-section .game-card__image img,
.top-games-section .game-card__image .game-card__img {
    display: block;
    width: 100%;
    height: auto !important; /* вместо height:100% из родителя, чтобы картинка не прилипала к низу */
    transform: none;
    transition: transform 0.18s ease, filter 0.18s ease;
}

.top-games-section .game-card__overlay {
    position: absolute;
    inset: 0;
    background: transparent; /* убираем затемнение, оставляем только кнопку */
    opacity: 0;
    display: flex;
    align-items: flex-end; /* опускаем кнопку вниз */
    justify-content: center;
    padding: 0 0 10px; /* отступ снизу ~10px */
    transition: opacity 0.18s ease;
    pointer-events: none;
}

.top-games-section .game-card__actions {
    display: flex;
    gap: 0;
}

.top-games-section .game-card__content {
    padding: 6px 12px 10px;
    background: #050E0A;
    border-radius: 0 0 16px 16px;
}

.top-games-section .game-card__title {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 3px;
}

.top-games-section .game-card__provider,
.top-games-section .game-card__rtp {
    font-size: 11px;
}

.top-games-section .game-card__rtp {
    color: #F5C86B;
}

.top-games-section .game-card:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(245, 200, 107, 0.35);
    border-color: #F5C86B;
    background-color: #050E0A;
}

.top-games-section .game-card:hover .game-card__image img,
.top-games-section .game-card:hover .game-card__image .game-card__img {
    transform: none;
    filter: brightness(1.06);
}

.top-games-section .game-card:hover .game-card__overlay {
    opacity: 1;
    pointer-events: auto;
}

.top-games-section .game-card .btn.btn--small {
    padding: 8px 22px;
    font-size: 12px;
    font-weight: 700;
}

/* Кнопка Play Now в слотах: по умолчанию золотая (как везде), при ховере тёмно‑зелёная */
.top-games-section .game-card .btn.btn--small.btn--primary:hover {
    background: linear-gradient(135deg, #1F6B3A, #27A35A) !important;
    color: #FFFFFF !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.95);
}

/* 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;
    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;
    }

    /* Сетка слотов: 2 в ряд, потом 1 */
    .top-games-section .games-grid.games-grid--6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    @media (max-width: 480px) {
        .top-games-section .games-grid.games-grid--6 {
            grid-template-columns: 1fr;
        }
    }

    /* Карточка слота – меньше тень и отступы */
    .top-games-section .game-card {
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.8);
    }

    .top-games-section .game-card__content {
        padding: 6px 10px 8px;
    }

    /* 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; /* кликабельной остаётся только кнопка */
    }
}

/* В блоке слотов показываем только одну основную кнопку Play Now */
.top-games-section .game-card__actions .btn.btn--small.btn--outline {
    display: none !important;
}

.top-games-section .game-card .btn.btn--small {
    padding: 4px 12px;
    font-size: 11px;
}