/**
 * Comprehensive Dark Mode Styles
 * JeshuuuPDF Theme - GMS Digitals
 */


/* stats numbers */
.dark .fdisplay.text-purple-600 {
    color: #a855f7 !important;
}

/* review cards dark */
.dark .fb-card {
    background: #141420 !important;
    border-color: rgba(147,51,234,0.2) !important;
}

/* cta section */
.dark section[class*="cta"],
.dark .cta-section {
    background: #0f172a !important;
}

/* ========================================
   NAVBAR MEGA DROPDOWN DARK
   ======================================== */
.dark .nav-mega-dropdown {
    background: #111827 !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,0.6) !important;
}

.dark .nav-mega-dropdown a:hover {
    color: inherit;
}

/* mobile menu dark */
.dark #mobileMenu {
    background: #111827 !important;
    border-color: rgba(255,255,255,0.06) !important;
}

/* Get Started button dark */
.dark nav a[href*="/home/"].bg-purple-600 {
    box-shadow: 0 2px 12px rgba(147,51,234,0.3);
}

/* ========================================
   CTA SECTION BUTTON
   ======================================== */
/* Force white bg + purple text on CTA button regardless of dark mode */
.cta-btn {
    background-color: #ffffff !important;
    color: #9333ea !important;
}
.cta-btn:hover {
    background-color: #f3e8ff !important;
}

/* ========================================
   TOOLS GRID SECTION - EXPLICIT BG FIX
   The #tools section background must be
   set with maximum specificity to prevent
   transparent sections on Samsung/Android
   ======================================== */
html.dark #tools,
html.dark section#tools {
    background-color: #111827 !important;
}

html.dark section {
    background-color: #111827;
}

/* Tool cards - GPU safe explicit backgrounds */
html.dark .tool-card-item,
html.dark a.tool-card-item {
    background-color: #1f2937 !important;
    border-color: rgba(255,255,255,0.08) !important;
}