/**
 * Casino Dark Neon Theme - kasinolista.org
 * Design adapted from template prod_33524
 */

/* ==================== GLOBAL DARK THEME ==================== */
body {
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text-white);
    letter-spacing: 0.02em;
}

a { color: var(--color-accent-light); }
a:hover { color: var(--color-primary-light); }

/* ==================== HEADER DARK ==================== */
.header {
    background: rgba(11, 11, 26, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}

.header-logo-text {
    display: none !important;
}

.nav-link {
    color: #E2E8F0 !important;
    font-family: var(--font-heading);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.nav-link:hover, .nav-link.active {
    color: var(--color-primary-light) !important;
}

.nav-dropdown {
    background: #16162E;
    border: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-dropdown-link {
    color: #E2E8F0 !important;
}
.nav-dropdown-link:hover {
    background: rgba(139, 92, 246, 0.1);
    color: var(--color-primary-light) !important;
}

.mobile-nav {
    background: #0B0B1A;
}
.mobile-nav-link {
    color: #E2E8F0 !important;
}

/* ==================== HERO SECTION ==================== */
.hero-dark {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    background: #0B0B1A;
    overflow: hidden;
    padding: 120px 0 80px;
}

.hero-dark-bg {
    position: absolute;
    inset: 0;
    background: url('/images/ref/home_bg.png') center top / cover no-repeat;
    background-attachment: fixed;
    opacity: 0.6;
}

.hero-dark-overlay {
    position: absolute;
    inset: 0;
    background: transparent;
}

.hero-dark-content {
    position: relative;
    z-index: 2;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hero-dark-title {
    font-family: var(--font-heading);
    font-size: clamp(2.5rem, 4vw + 1rem, 5rem);
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 40px rgba(139, 92, 246, 0.3);
}

.hero-dark-title span {
    background: linear-gradient(135deg, #8B5CF6, #06B6D4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-dark-subtitle {
    font-size: var(--text-xl);
    color: #94A3B8;
    max-width: 600px;
    margin: 0 0 2.5rem;
    line-height: 1.6;
}

.hero-dark .btn-hero {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2.5rem;
    background: #FFFFFF;
    color: #101010;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.hero-dark .btn-hero:hover {
    background: var(--color-primary);
    color: #FFFFFF;
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.5);
}

.hero-dark-trust {
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
    margin-top: 3rem;
    flex-wrap: wrap;
}

.hero-dark-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #94A3B8;
    font-size: var(--text-sm);
}

.hero-dark-trust-item svg {
    width: 20px;
    height: 20px;
    fill: var(--color-primary);
}

/* ==================== SLOT SERVICES SECTION ==================== */
.slots-section {
    padding: 80px 0;
    background: var(--color-bg);
}

.slots-section .section-label {
    display: block;
    text-align: center;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 0.5rem;
}

.slots-section .section-heading {
    text-align: center;
    font-size: var(--text-3xl);
    color: #FFFFFF;
    margin-bottom: 3rem;
}

.slots-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

.slot-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4/3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.slot-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(139, 92, 246, 0.3);
}

.slot-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
}

.slot-card:hover .slot-card-bg {
    transform: scale(1.05);
}

.slot-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(11,11,26,0.9) 0%, rgba(11,11,26,0.2) 60%);
}

.slot-card-content {
    position: relative;
    z-index: 2;
}

.slot-card-title {
    font-family: var(--font-heading);
    font-size: var(--text-xl);
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.slot-card-text {
    color: #94A3B8;
    font-size: var(--text-sm);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.slot-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #FFFFFF;
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: color 0.3s ease;
}

.slot-card-btn:hover { color: var(--color-primary-light); }

.slot-card-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    transition: transform 0.3s ease;
}

.slot-card-btn:hover svg { transform: translateX(4px); }

/* ==================== GAMES SECTION ==================== */
.games-section {
    padding: 80px 0;
    background: var(--color-bg-light);
}

.games-section .section-label {
    display: block;
    text-align: center;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 0.5rem;
}

.games-section .section-heading {
    text-align: center;
    font-size: var(--text-3xl);
    color: #FFFFFF;
    margin-bottom: 3rem;
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

.game-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16/10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.game-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(139, 92, 246, 0.25);
}

.game-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.game-card:hover .game-card-bg { transform: scale(1.05); }

.game-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(11,11,26,0.85) 0%, rgba(11,11,26,0.1) 50%);
}

.game-card-content {
    position: relative;
    z-index: 2;
}

.game-card-title {
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.game-card-text {
    color: #94A3B8;
    font-size: var(--text-sm);
    margin-bottom: 1rem;
}

.game-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.5rem;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all 0.3s ease;
}

.game-card-link:hover {
    background: #FFFFFF;
    color: #101010;
}

/* ==================== STATS COUNTER SECTION ==================== */
.stats-dark {
    padding: 80px 0;
    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.stats-dark::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse at 30% 50%, rgba(139,92,246,0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 70% 50%, rgba(59,130,246,0.1) 0%, transparent 50%);
    pointer-events: none;
}
.stats-dark::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3C!-- Dice --%3E%3Cg transform='translate(20,20) rotate(-15,20,20)' fill='none' stroke='%23a78bfa' stroke-width='1.5' opacity='0.12'%3E%3Crect x='2' y='2' width='36' height='36' rx='5'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Ccircle cx='28' cy='12' r='2.5'/%3E%3Ccircle cx='12' cy='28' r='2.5'/%3E%3Ccircle cx='28' cy='28' r='2.5'/%3E%3Ccircle cx='20' cy='20' r='2.5'/%3E%3C/g%3E%3C!-- Spade --%3E%3Cg transform='translate(160,30) rotate(10,20,20)' fill='none' stroke='%237c3aed' stroke-width='1.5' opacity='0.1'%3E%3Cpath d='M20 2c-6 6-16 12-16 20a9 9 0 0 0 8.6 9c2.7 0 5-1.3 6.6-3.2L18.6 38h2.8l-0.6-10.2c1.6 1.9 3.9 3.2 6.6 3.2A9 9 0 0 0 36 22C36 14 26 8 20 2z'/%3E%3C/g%3E%3C!-- Diamond --%3E%3Cg transform='translate(90,130) rotate(20,18,18)' fill='none' stroke='%236366f1' stroke-width='1.5' opacity='0.1'%3E%3Cpath d='M18 2L2 18l16 16 16-16L18 2z'/%3E%3C/g%3E%3C!-- Chip --%3E%3Cg transform='translate(230,120) rotate(-10,22,22)' fill='none' stroke='%238b5cf6' stroke-width='1.2' opacity='0.12'%3E%3Ccircle cx='22' cy='22' r='20'/%3E%3Ccircle cx='22' cy='22' r='12'/%3E%3Cline x1='22' y1='2' x2='22' y2='10'/%3E%3Cline x1='22' y1='34' x2='22' y2='42'/%3E%3Cline x1='2' y1='22' x2='10' y2='22'/%3E%3Cline x1='34' y1='22' x2='42' y2='22'/%3E%3Cline x1='8' y1='8' x2='13' y2='13'/%3E%3Cline x1='31' y1='31' x2='36' y2='36'/%3E%3Cline x1='36' y1='8' x2='31' y2='13'/%3E%3Cline x1='13' y1='31' x2='8' y2='36'/%3E%3C/g%3E%3C!-- Heart --%3E%3Cg transform='translate(30,210) rotate(12,18,18)' fill='none' stroke='%23a78bfa' stroke-width='1.5' opacity='0.1'%3E%3Cpath d='M33.5 5.5a9.9 9.9 0 0 0-14 0L18 7.2l-1.5-1.7a9.9 9.9 0 0 0-14 14L18 35l15.5-15.5a9.9 9.9 0 0 0 0-14z'/%3E%3C/g%3E%3C!-- Club --%3E%3Cg transform='translate(185,220) rotate(-8,18,18)' fill='none' stroke='%237c3aed' stroke-width='1.5' opacity='0.1'%3E%3Ccircle cx='18' cy='10' r='8'/%3E%3Ccircle cx='9' cy='24' r='8'/%3E%3Ccircle cx='27' cy='24' r='8'/%3E%3Cline x1='18' y1='18' x2='18' y2='38'/%3E%3C/g%3E%3C!-- Star --%3E%3Cg transform='translate(110,40) rotate(5,14,14)' fill='none' stroke='%236366f1' stroke-width='1.5' opacity='0.09'%3E%3Cpolygon points='14,1 17.7,9.5 27,10.8 20.2,17 22,26 14,21.6 6,26 7.8,17 1,10.8 10.3,9.5'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 300px 300px;
    background-repeat: repeat;
}
.stats-dark > * {
    position: relative;
    z-index: 1;
}

.stats-dark .section-heading {
    font-size: var(--text-3xl);
    color: #FFFFFF;
    margin-bottom: 3rem;
}

.stats-dark-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    max-width: var(--container-max);
    margin: 0 auto 3rem;
    padding: 0 var(--container-padding);
}

.stats-dark-item {
    text-align: center;
}

.stats-dark-number {
    font-family: var(--font-heading);
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.5rem;
    text-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
}

.stats-dark-label {
    color: #94A3B8;
    font-size: var(--text-base);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.stats-dark .btn-hero {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2.5rem;
    background: #FFFFFF;
    color: #101010;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: none;
    border-radius: 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.stats-dark .btn-hero:hover {
    background: var(--color-primary);
    color: #FFFFFF;
    box-shadow: var(--shadow-glow-primary);
}

/* ==================== CTA BANNER SECTION ==================== */
.cta-dark {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.cta-dark-bg {
    position: absolute;
    inset: 0;
    background: url('/images/ref/home_bg2.png') center left / cover no-repeat;
}

.cta-dark-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(11,11,26,0.85) 0%, rgba(11,11,26,0.5) 100%);
}

.cta-dark-content {
    position: relative;
    z-index: 2;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    text-align: center;
}

.cta-dark-title {
    font-family: var(--font-heading);
    font-size: var(--text-4xl);
    color: #FFFFFF;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 30px rgba(0,0,0,0.5);
}

.cta-dark-text {
    color: #CBD5E1;
    font-size: var(--text-lg);
    max-width: 600px;
    margin: 0 auto 2rem;
}

.cta-dark .btn-hero {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2.5rem;
    background: #FFFFFF;
    color: #101010;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: none;
    border-radius: 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cta-dark .btn-hero:hover {
    background: var(--color-primary);
    color: #FFFFFF;
    box-shadow: var(--shadow-glow-primary);
}

/* ==================== CATEGORIES DARK ==================== */
.categories-dark {
    padding: 80px 0;
    background: var(--color-bg);
}

.categories-dark .section-label {
    display: block;
    text-align: center;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 0.5rem;
}

.categories-dark .section-heading {
    text-align: center;
    font-size: var(--text-3xl);
    color: #FFFFFF;
    margin-bottom: 3rem;
}

.category-card-dark {
    background: var(--color-bg-card);
    border: 1px solid rgba(139, 92, 246, 0.1);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
    display: block;
}

.category-card-dark:hover {
    border-color: rgba(139, 92, 246, 0.4);
    box-shadow: var(--shadow-card-hover);
    transform: translateY(-4px);
}

.category-card-dark .category-card-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(6,182,212,0.2));
}

.category-card-dark .category-card-icon svg {
    fill: var(--color-primary-light);
}

.category-card-dark .category-card-title {
    color: #FFFFFF;
    font-family: var(--font-heading);
    font-size: var(--text-lg);
    margin-bottom: 0.25rem;
}

.category-card-dark .category-card-count {
    color: #64748B;
    font-size: var(--text-sm);
}

/* ==================== TAGS SECTION DARK ==================== */
.tags-section {
    background: var(--color-bg-light);
}

.tag-card {
    background: var(--color-bg-card);
    border: 1px solid rgba(139, 92, 246, 0.1);
    color: var(--color-text);
}

.tag-card:hover {
    border-color: rgba(139, 92, 246, 0.4);
    box-shadow: var(--shadow-card);
}

.tag-card-featured {
    background: linear-gradient(135deg, rgba(139,92,246,0.2), rgba(6,182,212,0.15));
    border-color: rgba(139, 92, 246, 0.3);
}

.tag-card-icon { color: var(--color-primary); }
.tag-card-count {
    background: rgba(139, 92, 246, 0.2);
    color: var(--color-primary-light);
}

/* ==================== SEO CONTENT DARK ==================== */
.seo-content-dark {
    padding: 60px 0;
    background: var(--color-bg);
}

.seo-content-dark .seo-text {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    color: #94A3B8;
    font-size: var(--text-base);
    line-height: 1.8;
    text-align: center;
    border: 1px solid rgba(139, 92, 246, 0.1);
    border-radius: 12px;
    background: var(--color-bg-card);
}

/* ==================== CAROUSEL DARK ==================== */
.carousel-section {
    background: var(--color-bg-light);
}

.carousel-section .section-title {
    color: #FFFFFF;
}

.kw-pill {
    background: var(--color-bg-card);
    color: var(--color-text);
    border: 1px solid rgba(139, 92, 246, 0.15);
}

.kw-pill:hover {
    border-color: var(--color-primary);
    color: var(--color-primary-light);
    background: rgba(139, 92, 246, 0.1);
}

/* ==================== FOOTER DARK ==================== */
.footer {
    background: var(--color-bg-footer) !important;
    border-top: 1px solid rgba(139, 92, 246, 0.1);
}

.footer-title { color: #FFFFFF; }
.footer-links a { color: #94A3B8; }
.footer-links a:hover { color: var(--color-primary-light); }
.footer-bottom { border-top-color: rgba(139, 92, 246, 0.1); color: #64748B; }
.footer-disclaimer { color: #64748B; }

/* ==================== STATS SECTION (existing) DARK ==================== */
.stats-section {
    background: #101010;
}

.stat-number { color: #FFFFFF; }
.stat-label { color: #94A3B8; }

/* ==================== INTERNAL PAGES DARK ==================== */
.breadcrumb { color: #94A3B8; }
.breadcrumb a { color: var(--color-accent-light); }
.breadcrumb-item + .breadcrumb-item::before { color: #64748B; }

.sidebar-widget { background: var(--color-bg-card); border: 1px solid rgba(139,92,246,0.1); }
.sidebar-title { color: #FFFFFF; }

.card { background: var(--color-bg-card); border: 1px solid rgba(139,92,246,0.1); }
.card:hover { border-color: rgba(139,92,246,0.3); box-shadow: var(--shadow-card); }
.card-title a { color: #FFFFFF; }
.card-title a:hover { color: var(--color-primary-light); }

.article-content { color: #D1D5DB !important; }
.article-content p { color: #D1D5DB !important; }
.article-content li { color: #D1D5DB !important; }
.article-content h2 { color: #FFFFFF !important; }
.article-content h3 { color: #FFFFFF !important; }
.article-content h4 { color: #E2E8F0 !important; }
.article-content a { color: var(--color-accent-light) !important; }

.article-tags-section { background: var(--color-bg-card); border: 1px solid rgba(139,92,246,0.1); }
.article-tags-title { color: #FFFFFF; }
.article-tag { background: rgba(139,92,246,0.1); color: var(--color-primary-light); border: 1px solid rgba(139,92,246,0.2); }
.article-tag:hover { background: rgba(139,92,246,0.2); }

.related-title { color: #FFFFFF; }

.casino-grid-new { gap: 1rem; }
.casino-card-new { background: var(--color-bg-card); border: 1px solid rgba(139,92,246,0.15); }
.casino-card-new:hover { border-color: rgba(139,92,246,0.4); box-shadow: var(--shadow-card); }
.casino-card-new-name { color: #FFFFFF; }
.casino-card-new-btn { background: var(--gradient-primary); }

.page-decor { display: none; }

/* Section header on dark bg */
.section-title { color: #FFFFFF !important; }
.section-subtitle { color: #94A3B8 !important; }

/* CRITICAL: Override all --color-secondary text (invisible on dark bg) */
.category-card-title { color: #FFFFFF !important; }
.category-card-count { color: #94A3B8 !important; }
.category-card-icon { background: linear-gradient(135deg, rgba(139,92,246,0.3), rgba(6,182,212,0.3)) !important; }

/* Category page subcategory cards */
.subcategory-card { background: var(--color-bg-card) !important; border: 1px solid rgba(139,92,246,0.15) !important; }
.subcategory-card:hover { border-color: rgba(139,92,246,0.4) !important; }
.subcategory-card h3, .subcategory-card-title { color: #FFFFFF !important; }
.subcategory-card p, .subcategory-card-count { color: #94A3B8 !important; }

/* Tag page article cards */
.tag-card-name { color: #E2E8F0 !important; }

/* Any element using --color-secondary as text */
.layout-sidebar aside a { color: #E2E8F0 !important; }
.layout-sidebar aside a:hover { color: var(--color-primary-light) !important; }

/* Contact form dark */
.contact-form input, .contact-form textarea {
    background: var(--color-bg-card);
    border-color: rgba(139,92,246,0.2);
    color: #FFFFFF;
}

/* Modal dark */
.modal { background: var(--color-bg-card); color: var(--color-text); border: 1px solid rgba(139,92,246,0.2); }
.modal-title { color: #FFFFFF; }
.modal-close { color: #94A3B8; }

/* 404 dark */
.error-page { color: var(--color-text); }
.error-page h1 { color: #FFFFFF; }

/* ==================== CRITICAL DARK OVERRIDES ==================== */
/* Override ALL hardcoded light backgrounds in components.css */
.casino-card { background: var(--color-bg-card) !important; border-color: rgba(139,92,246,0.15) !important; box-shadow: var(--shadow-card) !important; }
.casino-card::before { background: linear-gradient(135deg, rgba(139,92,246,0.3), rgba(6,182,212,0.3)) !important; }
.casino-card-new { background: var(--color-bg-card) !important; box-shadow: var(--shadow-card) !important; border: 1px solid rgba(139,92,246,0.15) !important; }

/* Override hero from old design (hidden on homepage but may show on other pages) */
.hero { display: none; }
.hero-bg, .hero-decor-left, .hero-decor-right, .hero-decor-accent, .hero-decor-spade,
.hero-decor-heart, .hero-decor-club, .hero-decor-dice, .hero-decor-chips, .hero-decor-cards,
.hero-decor-extra, .hero-decor-roulette, .hero-decor-roulette2 { display: none !important; }

/* Make sure ALL pages have dark bg — override any white/light backgrounds */
.page-wrapper { background: var(--color-bg) !important; }
.main-content { background: var(--color-bg) !important; }
.main { background: var(--color-bg) !important; }
.container { background: transparent !important; }

/* Stats section override */
.stats-section { background: #101010 !important; }
.stat-number { color: #FFFFFF !important; }
.stat-label { color: #94A3B8 !important; }

/* Pagination dark */
.pagination a, .pagination span { background: var(--color-bg-card) !important; color: #E2E8F0 !important; border-color: rgba(139,92,246,0.2) !important; }
.pagination .active { background: var(--color-primary) !important; color: #FFFFFF !important; }

/* ==================== ARTICLE PAGE FULL DARK ==================== */
.layout-sidebar { color: #E2E8F0; }
.layout-sidebar article { background: transparent !important; }
.layout-sidebar article header h1 { color: #FFFFFF !important; }
.tag { background: rgba(139,92,246,0.15) !important; color: var(--color-primary-light) !important; border: 1px solid rgba(139,92,246,0.3) !important; }

/* Article content — override --color-secondary text (invisible on dark) */
.article-content { color: #D1D5DB !important; }
.article-content h1 { color: #FFFFFF !important; }
.article-content h2 { color: #FFFFFF !important; }
.article-content h3 { color: #FFFFFF !important; }
.article-content h4 { color: #FFFFFF !important; }
.article-content h5, .article-content h6 { color: #FFFFFF !important; }
.article-content p { color: #D1D5DB !important; }
.article-content li { color: #D1D5DB !important; }
.article-content a { color: var(--color-accent-light) !important; }
.article-content a:hover { color: var(--color-primary-light) !important; }
.article-content blockquote { background: var(--color-bg-card) !important; border-left-color: var(--color-primary) !important; color: #E2E8F0 !important; }
.article-content table { border-color: rgba(139,92,246,0.2) !important; }
.article-content th { background: var(--color-bg-card) !important; color: #FFFFFF !important; }
.article-content td { border-color: rgba(139,92,246,0.1) !important; color: #D1D5DB !important; }
.article-content tr:nth-child(even) { background: rgba(139,92,246,0.05) !important; }

/* Article tags section */
.article-tags-section { background: var(--color-bg-card) !important; border-color: rgba(139,92,246,0.15) !important; }
.article-tags-section::before { background: linear-gradient(135deg, rgba(139,92,246,0.1), rgba(6,182,212,0.1)) !important; }
.article-tags-title { color: #FFFFFF !important; }

/* Breadcrumb dark */
.breadcrumb { color: #94A3B8 !important; }
.breadcrumb-item a { color: var(--color-accent-light) !important; }
.breadcrumb-item a:hover { color: var(--color-primary-light) !important; }
.breadcrumb-item:last-child { color: #E2E8F0 !important; }
.breadcrumb-item:not(:last-child)::after { color: #64748B !important; }

/* Related articles */
.related-articles { background: transparent !important; }

/* Sidebar dark */
aside { background: transparent !important; color: #E2E8F0 !important; }
aside h3, aside h4 { color: #FFFFFF !important; }

/* Subcategory page article listing */
.article-card, .card { background: var(--color-bg-card) !important; border: 1px solid rgba(139,92,246,0.15) !important; }
.card-image img { border-radius: 8px; }
.card h3, .card-title, .article-card h3 { color: #FFFFFF !important; }
.card p, .card-text, .article-card p { color: #94A3B8 !important; }

/* Contact page */
.contact-section { background: var(--color-bg) !important; }
.contact-info { background: var(--color-bg-card) !important; color: #E2E8F0 !important; }
.contact-info h2, .contact-info h3 { color: #FFFFFF !important; }

/* Button secondary override on dark bg */
.btn-secondary { background: transparent !important; color: #FFFFFF !important; border-color: #FFFFFF !important; }
.btn-secondary:hover { background: rgba(255,255,255,0.1) !important; }

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1024px) {
    .slots-grid { grid-template-columns: repeat(2, 1fr); }
    .games-grid { grid-template-columns: 1fr; }
    .stats-dark-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .hero-dark { min-height: 70vh; padding: 100px 0 60px; }
    .hero-dark-content { text-align: center; align-items: center; }
    .hero-dark-subtitle { margin: 0 auto 2.5rem; }
    .hero-dark-title { font-size: 2.5rem; }
    .slots-grid { grid-template-columns: 1fr; }
    .stats-dark-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-dark-number { font-size: 3rem; }
    .hero-dark-trust { flex-direction: column; align-items: center; gap: 1rem; }
    .cta-dark { padding: 60px 0; }
    .cta-dark-title { font-size: 2rem; }
}