/* HOTWIN88 — Red / Orange / Fire theme overrides */

:root {
    --body-theme-bg: #120000;
    --body-color: #fff5ee;

    --announcement-cntr-bg: linear-gradient(90deg, #8b0000, #ff4500);
    --announcement-cntr-section-announcement-bg: #1a0000;
    --announcement-cntr-list-li-color: #ffb347;

    --banner-bg: #0d0000;
    --banner-carousel-indicators-active-bg: #ff5a00;
    --banner-carousel-indicators-active-border: #ff5a00;

    --home-info-cntr-bg: #140000;
    --home-info-cntr-border: 2px solid #ff4500;
    --home-info-cntr-tickercntr-bg: #0a0000;

    --topbar-cntr-bg: linear-gradient(90deg, #1a0000 0%, #3d0a00 50%, #1a0000 100%);
    --site-header-bg: linear-gradient(180deg, #2a0000 0%, #120000 100%);
    --site-header-border: 2px solid #ff4500;
    --site-footer-bg: #0f0000;
    --site-footer-border: 2px solid #8b2500;

    --top-menu-li-true-hover-bg: linear-gradient(180deg, #ff4500 0%, #8b0000 100%);
    --top-menu-li-true-hover-a-color: #fff;
    --top-menu-game-list-bg: #1a0000;
    --top-menu-game-list-btop: 2px solid #ff5a00;
    --top-menu-game-list-bbot: 2px solid #ff5a00;

    --login-panel-register-btn-bg: linear-gradient(180deg, #ff6a00 0%, #c41e00 100%);
    --login-panel-register-btn-border: 1px solid #ff8c00;
    --login-panel-register-btn-hover-bg: linear-gradient(180deg, #ff8c00 0%, #e71400 100%);
    --login-panel-login-btn-bg: #1a0000;
    --login-panel-login-btn-border: 1px solid #ff6a00;
    --login-panel-login-btn-hover-bg: #3d0a00;

    --download-apk-btn-bg: linear-gradient(to bottom, #ff4500 0%, #8b0000 100%);
    --download-apk-section-i-color: #ff8c00;
    --download-apk-content-bg: #1a0000;

    --home-progressive-jackpot-bg: linear-gradient(#2a0000, #8b0000, #2a0000);
    --home-progressive-jackpot-border-cntr-border: 3px solid #ff5a00;
    --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#ff4500, #4a0000);
    --home-progressive-jackpot-jackpot-currency-color: #ffd700;
    --home-progressive-jackpot-jackpot-play-text-color: #ff8c00;
    --home-progressive-jackpot-jackpot-play-text-label-color: #ffcc66;

    --popular-games-scrtabs-tab-cntr-bg: #4a0000;
    --popular-games-nav-tabs-li-a-bg: #2a0000;
    --popular-games-nav-tabs-li-a-active-bg: #ff4500;
    --popular-games-tab-pane-bg: #1f0000;
    --popular-games-tab-content-border: 1px solid #ff4500;

    --popular-game-title-cntr-title-span-bg: #ff4500;
    --popular-game-title-cntr-title-span-after-bg: #c41e00;
    --popular-game-title-cntr-content-border: 1px solid #ff4500;

    --home-game-list-cntr-title-span-bg: #ff4500;
    --home-game-list-cntr-title-span-after-bg: #c41e00;
    --home-game-list-cntr-content-border: 1px solid #ff4500;

    --play-now-bg: linear-gradient(180deg, #ff6a00, #c41e00);
    --play-now-hover-bg: linear-gradient(180deg, #ff8c00, #e71400);
    --game-list-game-name-bg: #ff4500;

    --a-color: #ff8c00;
    --a-focus-hover-color: #ffd700;

    --std-side-menu-a-active-hover-bg: #ff4500;
    --std-btn-group-btn-primary-bg: linear-gradient(180deg, #ff6a00, #c41e00);
    --std-btn-group-btn-primary-hover-bg: linear-gradient(180deg, #ff8c00, #e71400);

    --modal-footer-btn-primary-bg: linear-gradient(180deg, #ff6a00, #c41e00);
    --modal-footer-btn-primary-hover-bg: linear-gradient(180deg, #ff8c00, #e71400);
    --modal-content-border: #ff4500;

    --footer-links-li-a-hover-color: #ff8c00;
    --copyright-color: #cc8866;
}

body {
    background-color: var(--body-theme-bg);
    background-image:
        radial-gradient(ellipse at 20% 0%, rgba(255, 69, 0, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 100%, rgba(255, 140, 0, 0.12) 0%, transparent 50%),
        linear-gradient(180deg, #120000 0%, #0a0000 100%);
}

.topbar-left-section .topbar-item a.telegram-btn,
.topbar-left-section .topbar-item a.telegram-btn:hover {
    background-image: linear-gradient(to bottom, #ff6a00, #c41e00);
}

.login-panel .register-button,
.login-panel .login-button {
    box-shadow: 0 0 12px rgba(255, 90, 0, 0.35);
}

.banner-slider-dots button.is-active {
    background: #ff5a00;
    border-color: #ffd700;
    box-shadow: 0 0 8px rgba(255, 140, 0, 0.8);
}

.banner-slider .nav-btn {
    background-color: rgba(255, 69, 0, 0.75);
    border: 1px solid rgba(255, 200, 100, 0.5);
}

.banner-slider .nav-btn:hover {
    background-color: rgba(255, 100, 0, 0.95);
}

.site-header .logo {
    filter: drop-shadow(0 0 12px rgba(255, 90, 0, 0.45));
}

.top-menu > li:hover,
.top-menu > li[data-active="true"] {
    box-shadow: inset 0 -3px 0 #ff8c00;
}

.home-progressive-jackpot {
    box-shadow: 0 0 30px rgba(255, 69, 0, 0.25);
}

.announcement-container {
    box-shadow: 0 4px 20px rgba(255, 69, 0, 0.2);
}

/* On-page SEO blocks */
.seo-hero-block {
    padding: 18px 0 8px;
    text-align: center;
    background: linear-gradient(180deg, rgba(255, 69, 0, 0.08) 0%, transparent 100%);
}

.seo-hero-block h1 {
    margin: 0 0 10px;
    font-size: clamp(20px, 2.4vw, 30px);
    line-height: 1.3;
    color: #ff8c00;
    text-shadow: 0 0 18px rgba(255, 90, 0, 0.35);
}

.seo-hero-lead {
    max-width: 920px;
    margin: 0 auto;
    color: #f5e6d8;
    font-size: 14px;
    line-height: 1.7;
}

.seo-faq-block {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 140, 0, 0.25);
}

.seo-faq-block h2 {
    margin-bottom: 14px;
    color: #ff8c00;
}

.seo-faq-block h3 {
    margin: 16px 0 8px;
    font-size: 16px;
    color: #ffd7a8;
}

.seo-faq-block p {
    margin: 0 0 10px;
    line-height: 1.7;
}