/**
 * Mammtech Dark Theme — Premium Midnight Blue
 * Activated by: body.dark-mode
 * All sections use semi-transparent backgrounds so the fixed canvas glows through.
 */

/* ─────────────────────────────────────────────
   CSS VARIABLES OVERRIDE
───────────────────────────────────────────── */
body.dark-mode {
    --primary-color:  #3cb8d8;
    --primary-dark:   #2a9bb8;
    --secondary-color:#1fc48f;
    --text-dark:      #e2edf5;
    --text-light:     #8dafc4;
    --bg-light:       #0b0f1a;
    --bg-white:       #111827;
    --border-color:   #1e2d40;
    --shadow-sm:      0 2px 8px rgba(0,0,0,0.4);
    --shadow-md:      0 4px 20px rgba(0,0,0,0.5);
    --shadow-lg:      0 8px 40px rgba(0,0,0,0.6);
    background: #0b0f1a;
    color: #e2edf5;
}

/* ─────────────────────────────────────────────
   GLOBAL DARK SURFACES
   Sections are semi-transparent so the fixed
   motion canvas glows through beautifully.
───────────────────────────────────────────── */
body.dark-mode section {
    background: rgba(11, 15, 26, 0.88) !important;
}
body.dark-mode section:nth-child(even) {
    background: rgba(14, 21, 32, 0.90) !important;
}

/* ─── Headings & Text ─── */
body.dark-mode h1, body.dark-mode h2,
body.dark-mode h3, body.dark-mode h4,
body.dark-mode h5, body.dark-mode h6 { color: #e2edf5; }
body.dark-mode p   { color: #8dafc4; }
body.dark-mode a:not(.btn):not(.nav-link):not(.logo) { color: #3cb8d8; }
body.dark-mode strong { color: #e2edf5; }
body.dark-mode .section-title h2  { color: #e2edf5; }
body.dark-mode .section-title p   { color: #8dafc4; }

/* ─── Header / Navbar ─── */
body.dark-mode #header {
    background: rgba(11, 15, 26, 0.95) !important;
    border-bottom: 1px solid rgba(60, 184, 216, 0.15);
    box-shadow: 0 2px 24px rgba(0,0,0,0.6);
}
body.dark-mode #header.scrolled {
    background: rgba(9, 14, 26, 0.98) !important;
    box-shadow: 0 4px 32px rgba(0,0,0,0.75);
}
body.dark-mode .logo-text        { color: #e2edf5; }
body.dark-mode .logo-text span   { color: #3cb8d8; }
body.dark-mode .section-indicator {
    background: rgba(60,184,216,0.1);
    color: #3cb8d8;
    border-color: rgba(60,184,216,0.2);
}
body.dark-mode .nav-dropdown-item         { color: #b0ccd8; }
body.dark-mode .nav-dropdown-item:hover   { background: rgba(60,184,216,0.12); color: #3cb8d8; }
body.dark-mode .full-nav-dropdown {
    background: #111827;
    border: 1px solid rgba(60,184,216,0.18);
    box-shadow: 0 20px 60px rgba(0,0,0,0.8);
}
/* ─── Header CTA Button ─── */
body.dark-mode .btn-telegram {
    background: #3cb8d8 !important;
    color: #060a12 !important;
    box-shadow: 0 4px 20px rgba(60,184,216,0.3) !important;
}
body.dark-mode .btn-telegram .icon-container {
    background: rgba(6,10,18,0.15) !important;
}
body.dark-mode .btn-telegram i {
    color: #060a12 !important;
}
body.dark-mode .btn-telegram span {
    color: #060a12 !important;
    font-weight: 800 !important;
}
body.dark-mode .btn-telegram:hover,
body.dark-mode .btn-telegram.auto-hover,
body.dark-mode #header.scrolled .btn-telegram:hover,
body.dark-mode #header.scrolled .btn-telegram.auto-hover {
    background: #e2edf5 !important;
    box-shadow: 0 6px 24px rgba(60,184,216,0.5) !important;
}

/* ─── Hero ─── */
body.dark-mode .hero {
    background: linear-gradient(135deg, rgba(9,14,26,0.95) 0%, rgba(13,24,48,0.9) 50%, rgba(9,22,37,0.95) 100%) !important;
}
body.dark-mode .conversational-headline  { color: #e2edf5 !important; }
body.dark-mode .hero-value-prop          { color: #8dafc4 !important; }
body.dark-mode .highlight-text           { color: #3cb8d8; }
body.dark-mode .greeting-badge {
    background: rgba(60,184,216,0.12);
    color: #3cb8d8;
    border: 1px solid rgba(60,184,216,0.25);
}
body.dark-mode .trust-number { color: #3cb8d8; }
body.dark-mode .trust-label  { color: #8dafc4; }
body.dark-mode .market-stats-card {
    background: rgba(20,29,46,0.9) !important;
    border-color: rgba(60,184,216,0.2);
    box-shadow: 0 8px 40px rgba(0,0,0,0.5);
}
body.dark-mode .market-stats-card h3 { color: #e2edf5; }
body.dark-mode .stat-box  { background: rgba(60,184,216,0.07); }
body.dark-mode .stat-value { color: #3cb8d8; }
body.dark-mode .stat-label { color: #8dafc4; }
body.dark-mode .animated-text span { color: #e2edf5; }

/* ─── Why Partner With Us ─── */
body.dark-mode .why-us-section     { background: rgba(11,15,26,0.88) !important; }
body.dark-mode .why-us-card,
body.dark-mode .feature-card {
    background: rgba(20,29,46,0.85) !important;
    border-color: rgba(60,184,216,0.15) !important;
}
body.dark-mode .why-us-card:hover,
body.dark-mode .feature-card:hover {
    border-color: rgba(60,184,216,0.45) !important;
    box-shadow: 0 8px 32px rgba(60,184,216,0.15);
}
body.dark-mode .why-us-card h3,
body.dark-mode .feature-card h3 { color: #e2edf5; }
body.dark-mode .why-us-card p,
body.dark-mode .feature-card p  { color: #8dafc4; }
body.dark-mode .feature-icon    { background: rgba(60,184,216,0.1); color: #3cb8d8; }
body.dark-mode .why-eyebrow     { background: rgba(60,184,216,0.1); color: #3cb8d8; border-color: rgba(60,184,216,0.2); }

/* ─── Proposal Form Section ─── */
body.dark-mode .proposal-form-section,
body.dark-mode .proposal-section { background: rgba(14,21,32,0.90) !important; }
body.dark-mode .form-container   { background: rgba(18,26,42,0.92) !important; border-color: rgba(60,184,216,0.15) !important; border-radius: 16px; padding: 28px; }
body.dark-mode .compact-form,
body.dark-mode .proposal-form    { background: transparent !important; }
body.dark-mode .form-section     { background: transparent !important; }
body.dark-mode .form-intro h2    { color: #e2edf5; }
body.dark-mode .form-intro p     { color: #8dafc4; }
body.dark-mode .success-item {
    background: rgba(18,26,42,0.85) !important;
    border: 1px solid rgba(60,184,216,0.15) !important;
    color: #e2edf5;
}
body.dark-mode .success-badges .success-item i { color: #1fc48f; }
body.dark-mode label             { color: #aac5d5; font-weight: 500; }
body.dark-mode .required         { color: #f56565; }
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: rgba(9,18,34,0.95) !important;
    border: 1px solid rgba(60,184,216,0.22) !important;
    color: #e2edf5 !important;
    border-radius: 8px;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: #4a6a7a !important; }
body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: #3cb8d8 !important;
    box-shadow: 0 0 0 3px rgba(60,184,216,0.15) !important;
    outline: none;
}
body.dark-mode select option { background: #111827; color: #e2edf5; }

/* Select2 Dropdown Dark Mode Overrides */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: rgba(9,18,34,0.95) !important;
    border: 1px solid rgba(60,184,216,0.22) !important;
    color: #e2edf5 !important;
}
body.dark-mode .select2-container--default.select2-container--open .select2-selection--single,
body.dark-mode .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #3cb8d8 !important;
    box-shadow: 0 0 0 3px rgba(60,184,216,0.15) !important;
    border-bottom-color: transparent !important;
}
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e2edf5 !important;
}
body.dark-mode .select2-dropdown {
    background-color: #0b0f1a !important; /* Deep dark blue for the menu body */
    border: 1px solid #3cb8d8 !important;
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    color: #e2edf5 !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.6) !important;
    overflow: hidden;
}
body.dark-mode .select2-search--dropdown {
    background-color: #0b0f1a !important;
    padding: 12px !important;
}
body.dark-mode .select2-search input {
    background-color: rgba(15,26,45,0.95) !important;
    border: 1px solid rgba(60,184,216,0.3) !important;
    color: #e2edf5 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}
body.dark-mode .select2-search input:focus {
    border-color: #3cb8d8 !important;
    box-shadow: 0 0 0 2px rgba(60,184,216,0.2) !important;
    outline: none !important;
}
body.dark-mode .select2-results {
    background-color: #0b0f1a !important;
}
body.dark-mode .select2-results__group {
    background-color: #070c16 !important; 
    color: #3cb8d8 !important; 
    border-bottom: 1px solid rgba(60,184,216,0.1) !important;
    padding: 12px 14px 8px !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    font-weight: 700 !important;
}
body.dark-mode .select2-results__option {
    background-color: transparent !important;
    color: #8dafc4 !important;
    padding: 10px 16px !important;
    transition: all 0.2s ease;
}
body.dark-mode .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(60,184,216,0.12) !important;
    color: #e2edf5 !important;
}
body.dark-mode .select2-results__option[aria-selected="true"] {
    background-color: rgba(31,196,143,0.1) !important;
    color: #1fc48f !important;
}

/* Select2 Scrollbar Dark Mode Styling */
body.dark-mode .select2-results__options::-webkit-scrollbar {
    width: 6px;
}
body.dark-mode .select2-results__options::-webkit-scrollbar-track {
    background: rgba(11,15,26,0.5); 
}
body.dark-mode .select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(60,184,216,0.25); 
    border-radius: 10px;
}
body.dark-mode .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: rgba(60,184,216,0.5); 
}

body.dark-mode .helper-text  { color: #6a8899 !important; }
body.dark-mode .char-counter { color: #6a8899 !important; }

/* File Upload Box */
body.dark-mode .file-upload-box {
    background: rgba(10,18,33,0.9) !important;
    border: 2px dashed rgba(60,184,216,0.3) !important;
    color: #8dafc4 !important;
    border-radius: 10px;
}
body.dark-mode .file-upload-box:hover {
    background: rgba(15,26,45,0.95) !important;
    border-color: #3cb8d8 !important;
}
body.dark-mode .file-upload-box i   { color: #3cb8d8 !important; }
body.dark-mode .file-upload-box span { color: #aac5d5 !important; }
body.dark-mode .file-upload-box small { color: #5d7f95 !important; }

/* reCAPTCHA wrapper */
body.dark-mode .recaptcha-compact-container > div {
    background: rgba(15,23,40,0.7) !important;
    border-radius: 6px;
    padding: 4px;
}

/* Form info cards below form */
body.dark-mode .sidebar-card,
body.dark-mode .bottom-card,
body.dark-mode .testimonial-card {
    background: rgba(18,26,42,0.88) !important;
    border-color: rgba(60,184,216,0.12) !important;
}
body.dark-mode .sidebar-card h4  { color: #e2edf5; }
body.dark-mode .sidebar-card li,
body.dark-mode .sidebar-card p   { color: #8dafc4; }
body.dark-mode .next-steps-list li strong { color: #3cb8d8; }
body.dark-mode .testimonial-text  { color: #a8c8d8; }
body.dark-mode .testimonial-author { color: #5d8fa4; }
body.dark-mode .quote-icon        { color: rgba(60,184,216,0.15); }
body.dark-mode .privacy-note     { color: #5d7f95; }

/* ─── How It Works ─── */
body.dark-mode .how-it-works-section { background: rgba(14,21,32,0.90) !important; }
body.dark-mode .accordion-item {
    background: rgba(18,26,42,0.88) !important;
    border: 1px solid rgba(60,184,216,0.15) !important;
}
body.dark-mode .accordion-item.active {
    border-color: rgba(60,184,216,0.35) !important;
    box-shadow: 0 4px 24px rgba(60,184,216,0.1);
}
body.dark-mode .accordion-header {
    background: rgba(16,24,40,0.7) !important;
}
body.dark-mode .accordion-header h3 { color: #e2edf5 !important; }
body.dark-mode .accordion-body {
    background: rgba(11,18,32,0.85) !important;
}
body.dark-mode .accordion-body p    { color: #8dafc4; }
body.dark-mode .step-badge {
    background: rgba(60,184,216,0.15) !important;
    color: #3cb8d8 !important;
}
body.dark-mode .step-icon-large i   { color: #3cb8d8; }
body.dark-mode .step-checklist li   { color: #8dafc4; }
body.dark-mode .step-checklist li i { color: #1fc48f; }

/* Refined toggle icon for dark mode accordion */
body.dark-mode .toggle-icon {
    background: rgba(11,18,32,0.95) !important;
    border: 1px solid rgba(60,184,216,0.3) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
body.dark-mode .toggle-icon i { 
    color: #3cb8d8 !important; 
}
body.dark-mode .accordion-item.active .toggle-icon {
    background: #3cb8d8 !important;
    border-color: #3cb8d8 !important;
    box-shadow: 0 0 15px rgba(60,184,216,0.4) !important;
}
body.dark-mode .accordion-item.active .toggle-icon i {
    color: #060a12 !important;
}

body.dark-mode .cta-box {
    background: rgba(18,26,42,0.92) !important;
    border-color: rgba(60,184,216,0.2) !important;
}
body.dark-mode .cta-box h3 { color: #e2edf5; }
body.dark-mode .cta-box p  { color: #8dafc4; }

/* ─── Success Stories ─── */
body.dark-mode .success-section   { background: rgba(11,15,26,0.88) !important; }
body.dark-mode .story-card {
    background: rgba(18,26,42,0.85) !important;
    border-color: rgba(60,184,216,0.12) !important;
}
body.dark-mode .story-card:hover  { border-color: rgba(60,184,216,0.4) !important; }
body.dark-mode .story-card h3     { color: #e2edf5; }
body.dark-mode .story-card p      { color: #8dafc4; }
body.dark-mode .story-tag         { background: rgba(60,184,216,0.1); color: #3cb8d8; }
body.dark-mode .story-result      { color: #1fc48f; }

/* ─── Market Intelligence / Stats ─── */
body.dark-mode .market-data-section,
body.dark-mode .stats-section     { background: rgba(14,21,32,0.90) !important; }
body.dark-mode .data-card {
    background: rgba(18,26,42,0.88) !important;
    border-color: rgba(60,184,216,0.12) !important;
}
body.dark-mode .data-header h3    { color: #e2edf5; }
body.dark-mode .data-label        { color: #8dafc4; }
body.dark-mode .data-value        { color: #3cb8d8; }
body.dark-mode .trend-badge       { background: rgba(60,184,216,0.12); color: #3cb8d8; }
body.dark-mode .source-note       { color: #5d7f95; }

/* ─── FAQ ─── */
body.dark-mode .faq-section { background: rgba(11,15,26,0.88) !important; }
body.dark-mode .faq-item {
    background: rgba(18,26,42,0.85) !important;
    border: 1px solid rgba(60,184,216,0.12) !important;
}
body.dark-mode .faq-item:hover    { border-color: rgba(60,184,216,0.35) !important; }
body.dark-mode .faq-item.active   { border-color: rgba(60,184,216,0.35) !important; }
body.dark-mode .faq-question      { background: transparent !important; color: #e2edf5 !important; }
body.dark-mode .faq-question h3   { color: #8dafc4 !important; }
body.dark-mode .faq-item.active .faq-question h3 { color: #3cb8d8 !important; }
body.dark-mode .faq-question .fa-chevron-down { color: #3cb8d8; }
body.dark-mode .faq-answer        { background: transparent !important; }
body.dark-mode .faq-answer p      { color: #8dafc4; }
body.dark-mode .faq-answer strong { color: #e2edf5; }

/* ─── Contact CTA ─── */
body.dark-mode .cta-section,
body.dark-mode .contact-section,
body.dark-mode .section-contact   { background: rgba(11,15,26,0.88) !important; }
body.dark-mode .contact-card {
    background: rgba(18,26,42,0.85) !important;
    border-color: rgba(60,184,216,0.12) !important;
}
body.dark-mode .contact-card:hover { border-color: rgba(60,184,216,0.35) !important; }
body.dark-mode .contact-card i    { color: #3cb8d8; }
body.dark-mode .contact-card h3   { color: #e2edf5; }
body.dark-mode .contact-card p    { color: #8dafc4; }
body.dark-mode .contact-icon-box  { background: rgba(60,184,216,0.1); }

/* ─── Footer ─── */
body.dark-mode footer,
body.dark-mode #footer {
    background: rgba(6,10,19,0.97) !important;
    border-top: 1px solid rgba(60,184,216,0.12);
}
body.dark-mode .footer-col h3    { color: #e2edf5; }
body.dark-mode .footer-links a   { color: rgba(255,255,255,0.6); }
body.dark-mode .footer-links a:hover { color: #3cb8d8; }
body.dark-mode .footer-text      { color: #6a8899; }
body.dark-mode .footer-bottom    { border-top-color: rgba(60,184,216,0.1); }
body.dark-mode .footer-bottom p  { color: #5d7f95; }
body.dark-mode .footer-social a  {
    background: rgba(60,184,216,0.1);
    color: #8dafc4;
    border-color: rgba(60,184,216,0.2);
}
body.dark-mode .footer-social a:hover { background: rgba(60,184,216,0.2); color: #3cb8d8; }

/* ─── Generic Cards ─── */
body.dark-mode .card,
body.dark-mode [class*="-card"]:not(.theme-card):not(.ms-card):not(.wa-):not(.story-card) {
    background: rgba(18,26,42,0.85) !important;
    border-color: rgba(60,184,216,0.12) !important;
}
body.dark-mode .section-badge {
    background: rgba(60,184,216,0.1);
    color: #3cb8d8;
    border-color: rgba(60,184,216,0.25);
}

/* ─── Marketing Toasts (.mmt-toast) ─── */
body.dark-mode .mmt-toast {
    background: rgba(18,26,42,0.95) !important;
    border-left: 4px solid #3cb8d8 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4), 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid rgba(60,184,216,0.15);
    border-right: 1px solid rgba(60,184,216,0.15);
    border-bottom: 1px solid rgba(60,184,216,0.15);
}
body.dark-mode .mmt-toast-title { color: #e2edf5 !important; }
body.dark-mode .mmt-toast-desc { color: #8dafc4 !important; }
body.dark-mode .mmt-toast-icon { 
    background: rgba(60,184,216,0.1) !important; 
    color: #3cb8d8 !important; 
}
body.dark-mode .mmt-toast-close { color: #8dafc4 !important; }
body.dark-mode .mmt-toast-close:hover { color: #e2edf5 !important; }

/* ─── Buttons ─── */
body.dark-mode .btn-primary,
body.dark-mode .btn-submit { 
    background-color: #3cb8d8 !important;
    color: #060a12 !important; /* Very dark navy text for high contrast */
    border-color: #3cb8d8 !important;
    box-shadow: 0 4px 20px rgba(60,184,216,0.3); 
    font-weight: 700;
}
body.dark-mode .btn-primary:hover,
body.dark-mode .btn-submit:hover {
    background-color: #e2edf5 !important;
    box-shadow: 0 6px 24px rgba(60,184,216,0.5); 
}

body.dark-mode .btn-secondary,
body.dark-mode .btn-outline { 
    background: transparent; 
    border-color: rgba(60,184,216,0.4); 
    color: #3cb8d8 !important; 
}
body.dark-mode .btn-secondary:hover,
body.dark-mode .btn-outline:hover { 
    background: rgba(60,184,216,0.1); 
    color: #e2edf5 !important;
}

body.dark-mode .btn-whatsapp { 
    box-shadow: 0 4px 20px rgba(31,196,143,0.3); 
}

/* ─── Stat Counters Section ─── */
body.dark-mode .stats-section   { background: rgba(14,21,32,0.90) !important; }
body.dark-mode .stat-counter    { color: #3cb8d8; }
body.dark-mode .stat-desc       { color: #8dafc4; }

/* ─── Scroll to Top & WhatsApp in dark mode ─── */
body.dark-mode .scroll-to-top {
    background: #3cb8d8;
    box-shadow: 0 4px 20px rgba(60,184,216,0.4);
}

/* ─────────────────────────────────────────────
   DARK MODE TOGGLE BUTTON
───────────────────────────────────────────── */
#dark-mode-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid var(--border-color, #e4e7eb);
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--text-light, #616e7c);
    font-size: 0.95rem;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
#dark-mode-toggle:hover {
    border-color: var(--primary-color, #3192ae);
    color: var(--primary-color, #3192ae);
    transform: rotate(12deg) scale(1.05);
    box-shadow: 0 0 12px rgba(49,146,174,0.25);
}
body.dark-mode #dark-mode-toggle {
    border-color: rgba(60,184,216,0.35);
    color: #3cb8d8;
    background: rgba(60,184,216,0.08);
}
body.dark-mode #dark-mode-toggle:hover {
    background: rgba(60,184,216,0.15);
    box-shadow: 0 0 18px rgba(60,184,216,0.4);
    transform: rotate(-12deg) scale(1.05);
}

/* Icon swap animation */
#dark-mode-toggle .icon-light,
#dark-mode-toggle .icon-dark  { transition: all 0.25s ease; position: absolute; }
#dark-mode-toggle .icon-dark  { opacity: 0; transform: translateY(20px) rotate(-30deg); }
body.dark-mode #dark-mode-toggle .icon-light { opacity: 0; transform: translateY(-20px) rotate(30deg); }
body.dark-mode #dark-mode-toggle .icon-dark  { opacity: 1; transform: translateY(0) rotate(0); }

/* ─── Body transition ─── */
body { transition: background 0.35s ease, color 0.35s ease; }