/*!
Theme Name: EveryOne
Bet 558 Casino — подключается ПОСЛЕ style4d80.css и перекрывает «Ku9 / Kingmaker» палитру.
*/

:root {
    --b558-bg: #071210;
    --b558-bg-deep: #040806;
    --b558-surface: #0f1f1a;
    --b558-surface-2: #142a22;
    --b558-gold: #facc15;
    --b558-gold-soft: #fde047;
    --b558-amber: #eab308;
    --b558-forest: #14855e;
    --b558-forest-deep: #0d3d2c;
    --b558-text: #f0fdf4;
    /* Почти чёрный на золотом — максимальный контраст */
    --b558-btn-text: #0a0a0a;
}

/* Фон страницы — перебивает radial с красным из style4d80 (строки ~3988–4076) */
body,
body.page,
body.home {
    background:
        radial-gradient(ellipse 90% 55% at 50% -8%, rgba(20, 133, 94, 0.22) 0%, transparent 52%),
        radial-gradient(120% 80% at 100% 0%, rgba(250, 204, 21, 0.07) 0%, transparent 45%),
        linear-gradient(165deg, var(--b558-forest-deep) 0%, var(--b558-bg) 42%, var(--b558-bg-deep) 100%) !important;
    color: var(--b558-text) !important;
}

/* Шапка и мобильная оболочка */
.header,
body.page .header,
.mobile-wrap,
.mobile-body {
    background: linear-gradient(95deg, #0a241c 0%, var(--b558-forest) 38%, var(--b558-bg) 100%) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55), 0 0 24px rgba(250, 204, 21, 0.12) !important;
    border-bottom: 1px solid rgba(250, 204, 21, 0.2) !important;
}

/* Внутренние страницы: красная полоса в шапке → зелёно-золотая */
body.page .header,
body.page .header .menu-item-has-children .sub-menu {
    background: linear-gradient(90deg, var(--b558-forest-deep) 0%, var(--b558-forest) 45%, #0a241c 100%) !important;
}

.header .menu li.menu-item-has-children .sub-menu {
    background-color: var(--b558-surface-2) !important;
    border: 2px solid rgba(250, 204, 21, 0.45) !important;
    border-radius: 12px !important;
}

.header .menu li.menu-item-has-children .sub-menu li a {
    color: var(--b558-text) !important;
}

/* Подвал */
.footer,
body.page .footer,
body.page .site-footer {
    background: linear-gradient(180deg, #050d0a 0%, #0d1815 55%, #071210 100%) !important;
    border-bottom: none !important;
    border-top: 1px solid rgba(20, 133, 94, 0.35) !important;
}

/* Обычные ссылки — НЕ трогаем кнопки (иначе body.home a перебивает .btn и даёт жёлтый текст на жёлтом фоне) */
.header .menu a,
.menu a,
body a:not(.btn):not(.banner-cta):not(.offer-btn):not(.wheel-modal-btn):not(.wheel-modal-price),
body.page a:not(.btn):not(.banner-cta):not(.offer-btn):not(.wheel-modal-btn):not(.wheel-modal-price),
body.home a:not(.btn):not(.banner-cta):not(.offer-btn):not(.wheel-modal-btn):not(.wheel-modal-price) {
    color: var(--b558-gold-soft) !important;
}

.header .menu a:hover,
.menu a:hover,
body a:not(.btn):not(.banner-cta):not(.offer-btn):not(.wheel-modal-btn):not(.wheel-modal-price):hover,
body.page a:not(.btn):not(.banner-cta):not(.offer-btn):not(.wheel-modal-btn):not(.wheel-modal-price):hover,
body.home a:not(.btn):not(.banner-cta):not(.offer-btn):not(.wheel-modal-btn):not(.wheel-modal-price):hover {
    color: var(--b558-gold) !important;
}

.header .menu a {
    font-weight: 700 !important;
}

/* Кнопки и CTA — специфичность выше body.home a */
body a.btn,
body.page a.btn,
body.home a.btn,
body a.banner-cta,
body.page a.banner-cta,
body.home a.banner-cta,
.btn,
.btn-primary,
.btn-danger,
.banner-cta,
.wheel-modal-btn,
.wheel-modal-price,
body.banner-btn .offer-btn {
    background: linear-gradient(135deg, #fef08a 0%, var(--b558-gold) 40%, #ca8a04 100%) !important;
    color: var(--b558-btn-text) !important;
    -webkit-text-fill-color: var(--b558-btn-text) !important;
    border: 1px solid rgba(120, 53, 15, 0.45) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45), 0 0 18px rgba(250, 204, 21, 0.22) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    font-weight: 700 !important;
}

body a.btn:hover,
body.page a.btn:hover,
body.home a.btn:hover,
.btn-primary:hover,
.btn-danger:hover,
.banner-cta:hover,
.wheel-modal-btn:hover {
    background: linear-gradient(135deg, #fef9c3 0%, #fef08a 40%, var(--b558-gold) 100%) !important;
    color: var(--b558-btn-text) !important;
    -webkit-text-fill-color: var(--b558-btn-text) !important;
}

.banner-cta-wrap .banner-cta,
body.home .banner-cta-wrap a.banner-cta,
body.page .banner-cta-wrap a.banner-cta {
    background: linear-gradient(135deg, #fef08a 0%, var(--b558-gold) 50%, #ca8a04 100%) !important;
    color: var(--b558-btn-text) !important;
    -webkit-text-fill-color: var(--b558-btn-text) !important;
    border: 2px solid rgba(120, 53, 15, 0.5) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.banner-cta-wrap .banner-cta:hover,
body.home .banner-cta-wrap a.banner-cta:hover {
    background: linear-gradient(135deg, #fef9c3 0%, #fef08a 50%, var(--b558-gold) 100%) !important;
    color: var(--b558-btn-text) !important;
    -webkit-text-fill-color: var(--b558-btn-text) !important;
}

.wheel-modal {
    background-color: var(--b558-surface) !important;
    border-color: rgba(250, 204, 21, 0.45) !important;
}

.wheel-modal-price,
.wheel-modal-btn {
    background: linear-gradient(135deg, #fef08a 0%, var(--b558-gold) 45%, #ca8a04 100%) !important;
    color: var(--b558-btn-text) !important;
    -webkit-text-fill-color: var(--b558-btn-text) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

/* Карточки, FAQ */
.page-item,
.reviews-item .inner,
.faq .faq-item,
.faq .tab.page-item,
.author-section .author-section-content.page-item,
.contacts-content,
.faq-item,
.tab-item {
    background: linear-gradient(145deg, rgba(15, 35, 28, 0.98) 0%, var(--b558-surface) 55%, rgba(7, 18, 14, 0.99) 100%) !important;
    border: 1px solid rgba(250, 204, 21, 0.35) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 0 20px rgba(20, 133, 94, 0.1) !important;
}

/* Заголовки */
h1,
h2,
h3,
.section-title,
.footer .title {
    color: var(--b558-gold) !important;
    text-shadow: 0 0 20px rgba(250, 204, 21, 0.15), 0 1px 0 rgba(0, 0, 0, 0.45) !important;
}

/* Баннер */
.big-banner {
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 4px solid rgba(250, 204, 21, 0.5) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}

.big-banner .banner-bg {
    border: 1px solid rgba(250, 204, 21, 0.45) !important;
    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.6), 0 0 32px rgba(20, 133, 94, 0.18) !important;
}

/* Плоский фон внутренних страниц (перебивает #120124) */
body.page .banner-background,
body.page .page-section,
body.page .screen,
body.page .screen-content,
body.page .mobile-wrap,
body.page .mobile-body {
    background: linear-gradient(165deg, var(--b558-forest-deep) 0%, var(--b558-bg) 45%, var(--b558-bg-deep) 100%) !important;
}

body.page .header {
    background: linear-gradient(90deg, var(--b558-forest-deep) 0%, var(--b558-forest) 45%, #0a241c 100%) !important;
}

input,
select,
textarea {
    background: var(--b558-surface-2) !important;
    border: 1px solid rgba(20, 133, 94, 0.45) !important;
    color: var(--b558-text) !important;
}