/* GLOBAL FIX: Ensure all text on light backgrounds is dark */
/* This fixes contrast issues across all sections and pages */

/* Sections with white/light backgrounds - override white text */
.demo-demo,
.demo-mobile,
.demo-features,
.demo-benefits,
.how-to-play-demo,
.faq-section,
.game-rules,
.casinos,
.gallery,
.testimonials,
.strategies,
.system-requirements,
.disclosure-content,
.features {
    /* Force dark text for all child elements with white text */
}

.demo-demo *,
.demo-mobile *,
.demo-features *,
.demo-benefits *,
.how-to-play-demo *,
.faq-section *,
.game-rules *,
.casinos *,
.gallery *,
.testimonials *,
.strategies *,
.system-requirements *,
.disclosure-content *,
.features * {
    /* Override white text colors */
}

/* Specific overrides for common white text patterns on light backgrounds */
.demo-demo .section-title,
.demo-mobile .section-title,
.demo-features .section-title,
.demo-features .section__title,
.demo-benefits .section-title,
.how-to-play-demo .section-title,
.how-to-play-demo .section__title,
.faq-section .section-title,
.faq-section .section__title,
.game-rules .section-title,
.game-rules .section__title,
.casinos .section-title,
.gallery .section-title,
.testimonials .section-title,
.strategies .section-title,
.system-requirements .section-title,
.disclosure-content .section-title {
    color: #1e293b !important;
    text-shadow: none !important;
}

.demo-demo .section-description,
.demo-mobile .section-description,
.demo-features .section-description,
.demo-features .section__description,
.demo-benefits .section-description,
.how-to-play-demo .section-description,
.how-to-play-demo .section__description,
.faq-section .section-description,
.faq-section .section__description,
.game-rules .section-description,
.game-rules .section__description,
.casinos .section-description,
.gallery .section-description,
.testimonials .section-description,
.strategies .section-description,
.system-requirements .section-description,
.disclosure-content .section-description {
    color: #475569 !important;
}

/* FAQ specific fixes */
.faq__question,
.faq__item button,
.faq__item .faq__question {
    color: #1e293b !important;
}

.faq__answer,
.faq__answer p {
    color: #475569 !important;
}

/* Support section */
.faq__support *,
.support-title,
.support-description {
    color: #1e293b !important;
}

.support-description {
    color: #475569 !important;
}

/* Features section */
.features__title,
.feature__title {
    color: #1e293b !important;
}

/* Bonus section */
.bonus-title,
.bonus-multiplier {
    color: #1e293b !important;
}

/* Any h1, h2, h3, h4, h5, h6 on light backgrounds */
.demo-demo h1,
.demo-demo h2,
.demo-demo h3,
.demo-demo h4,
.demo-demo h5,
.demo-demo h6,
.demo-mobile h1,
.demo-mobile h2,
.demo-mobile h3,
.demo-mobile h4,
.demo-mobile h5,
.demo-mobile h6,
.demo-features h1,
.demo-features h2,
.demo-features h3,
.demo-features h4,
.demo-features h5,
.demo-features h6,
.demo-benefits h1,
.demo-benefits h2,
.demo-benefits h3,
.demo-benefits h4,
.demo-benefits h5,
.demo-benefits h6,
.how-to-play-demo h1,
.how-to-play-demo h2,
.how-to-play-demo h3,
.how-to-play-demo h4,
.how-to-play-demo h5,
.how-to-play-demo h6,
.faq-section h1,
.faq-section h2,
.faq-section h3,
.faq-section h4,
.faq-section h5,
.faq-section h6,
.game-rules h1,
.game-rules h2,
.game-rules h3,
.game-rules h4,
.game-rules h5,
.game-rules h6,
.casinos h1,
.casinos h2,
.casinos h3,
.casinos h4,
.casinos h5,
.casinos h6,
.gallery h1,
.gallery h2,
.gallery h3,
.gallery h4,
.gallery h5,
.gallery h6,
.testimonials h1,
.testimonials h2,
.testimonials h3,
.testimonials h4,
.testimonials h5,
.testimonials h6,
.strategies h1,
.strategies h2,
.strategies h3,
.strategies h4,
.strategies h5,
.strategies h6,
.system-requirements h1,
.system-requirements h2,
.system-requirements h3,
.system-requirements h4,
.system-requirements h5,
.system-requirements h6,
.disclosure-content h1,
.disclosure-content h2,
.disclosure-content h3,
.disclosure-content h4,
.disclosure-content h5,
.disclosure-content h6,
.features h1,
.features h2,
.features h3,
.features h4,
.features h5,
.features h6 {
    color: #1e293b !important;
}

/* Any paragraphs or text on light backgrounds */
.demo-demo p,
.demo-mobile p,
.demo-features p,
.demo-benefits p,
.how-to-play-demo p,
.faq-section p,
.game-rules p,
.casinos p,
.gallery p,
.testimonials p,
.strategies p,
.system-requirements p,
.disclosure-content p,
.features p {
    color: #475569 !important;
}

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================
   COMPREHENSIVE CONTRAST FIX - ALL SECTIONS
   ============================================
   This section ensures ALL text on light/white backgrounds
   is dark and readable across ALL pages and sections.
   ============================================ */

/* Force dark text for ALL elements in light background sections */
[class*="demo-"],
[class*="faq"],
[class*="casinos"],
[class*="gallery"],
[class*="testimonials"],
[class*="strategies"],
[class*="game-rules"],
[class*="disclosure"],
[class*="how-to-play"],
[class*="features"],
[class*="system-requirements"],
section[style*="background: white"],
section[style*="background: #fff"],
section[style*="background: #f8fafc"],
section[style*="background: #f7fafc"] {
    /* Base container - ensure child text is dark */
}

/* Override ALL white text colors on light backgrounds */
.demo-demo *[style*="color: white"],
.demo-demo *[style*="color: #fff"],
.demo-demo *[style*="color: rgba(255"],
.demo-mobile *[style*="color: white"],
.demo-mobile *[style*="color: #fff"],
.demo-mobile *[style*="color: rgba(255"],
.faq-section *[style*="color: white"],
.faq-section *[style*="color: #fff"],
.faq-section *[style*="color: rgba(255"],
.casinos *[style*="color: white"],
.casinos *[style*="color: #fff"],
.casinos *[style*="color: rgba(255"],
.gallery *[style*="color: white"],
.gallery *[style*="color: #fff"],
.gallery *[style*="color: rgba(255"],
.testimonials *[style*="color: white"],
.testimonials *[style*="color: #fff"],
.testimonials *[style*="color: rgba(255"] {
    color: #1e293b !important;
}

/* FAQ Items - Force dark text */
.faq__item,
.faq__question,
.faq__item button,
.faq__item span:not(.faq__arrow) {
    color: #1e293b !important;
}

.faq__answer,
.faq__answer * {
    color: #475569 !important;
}

/* All headings in light sections */
section[class*="demo"],
section[class*="faq"],
section[class*="casinos"],
section[class*="gallery"],
section[class*="testimonials"],
section[class*="strategies"],
section[class*="game-rules"],
section[class*="disclosure"],
section[class*="how-to-play"],
section[class*="features"] h1,
section[class*="demo"] h2,
section[class*="faq"] h2,
section[class*="casinos"] h2,
section[class*="gallery"] h2,
section[class*="testimonials"] h2,
section[class*="strategies"] h2,
section[class*="game-rules"] h2,
section[class*="disclosure"] h2,
section[class*="how-to-play"] h2,
section[class*="features"] h2,
section[class*="demo"] h3,
section[class*="faq"] h3,
section[class*="casinos"] h3,
section[class*="gallery"] h3,
section[class*="testimonials"] h3,
section[class*="strategies"] h3,
section[class*="game-rules"] h3,
section[class*="disclosure"] h3,
section[class*="how-to-play"] h3,
section[class*="features"] h3,
section[class*="demo"] h4,
section[class*="faq"] h4,
section[class*="casinos"] h4,
section[class*="gallery"] h4,
section[class*="testimonials"] h4,
section[class*="strategies"] h4,
section[class*="game-rules"] h4,
section[class*="disclosure"] h4,
section[class*="how-to-play"] h4,
section[class*="features"] h4 {
    color: #1e293b !important;
}

/* All text elements in light sections */
section[class*="demo"] p,
section[class*="faq"] p,
section[class*="casinos"] p,
section[class*="gallery"] p,
section[class*="testimonials"] p,
section[class*="strategies"] p,
section[class*="game-rules"] p,
section[class*="disclosure"] p,
section[class*="how-to-play"] p,
section[class*="features"] p,
section[class*="demo"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="faq"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="casinos"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="gallery"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="testimonials"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="strategies"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="game-rules"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="disclosure"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="how-to-play"] span:not([class*="icon"]):not([class*="arrow"]),
section[class*="features"] span:not([class*="icon"]):not([class*="arrow"]) {
    color: #475569 !important;
}
