/* =====================================================================
   QSERV LIGHT-MODE THEME LAYER — the single source of truth for light mode.
   Loaded LAST in every page head, so ties in the cascade resolve here.
   Selectors are doubled (body.light-mode.light-mode) to out-rank page CSS.
   Design: light premium surfaces everywhere; PHOTO heroes stay cinematic
   dark (dark scrim + light text); deliberate dark islands (CTA card, chat
   widget, floating badge) keep light text.
   ===================================================================== */

/* ---------- 1. TOKENS: flip the page-sheet vars in one move ---------- */
body.light-mode{color-scheme:light;
  --bg:#f6f8fb;--tw:#0f172a;--tm:#334155;--muted:#64748b;--bs:rgba(15,23,42,.14);
  --text-white:#0f172a;--text-muted:#475569;--glass-bg:#ffffff;--border-subtle:#e2e8f0;
  --primary-light:#0097a7}
body.light-mode.light-mode{background:radial-gradient(ellipse at 15% 0%,rgba(0,188,212,.07) 0%,transparent 45%),radial-gradient(ellipse at 85% 15%,rgba(92,107,192,.05) 0%,transparent 40%),linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%)!important;color:#334155}

/* ---------- 2. GLOBAL BASE ---------- */
body.light-mode.light-mode h1,body.light-mode.light-mode h2,body.light-mode.light-mode h3,body.light-mode.light-mode h4{color:#0f172a}
body.light-mode.light-mode ::selection{background:rgba(0,188,212,.25);color:#0f172a}
/* Same selector shape as the legacy cyan link rule — this file loads later, so the darker AA teal wins on light surfaces; dark-island rules further down re-override where needed */
body.light-mode a:not([class*=btn]):not(.nav-logo){color:#00838f!important}
body.light-mode a:not([class*=btn]):not(.nav-logo):hover{color:#006064!important}
/* Forms: any input on light surfaces */
body.light-mode.light-mode input:not([type=checkbox]):not([type=radio]),body.light-mode.light-mode textarea,body.light-mode.light-mode select{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}
body.light-mode.light-mode input::placeholder,body.light-mode.light-mode textarea::placeholder{color:#94a3b8!important}
body.light-mode.light-mode input:focus,body.light-mode.light-mode textarea:focus,body.light-mode.light-mode select:focus{border-color:#00bcd4!important;box-shadow:0 0 0 3px rgba(0,188,212,.15)!important}

/* ---------- 3. NAV: light over PHOTO heroes only; dark text on flat light pages ---------- */
body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-link,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-logo,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-logo *,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-phone,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-phone *,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-toggle,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .theme-toggle{color:#f1f5f9!important;fill:#f1f5f9!important}
body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-link:hover,body.light-mode.light-mode:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img) .nav:not(.scrolled) .nav-phone:hover{color:#5eead4!important}
/* Flat-top pages (service details, legal, thank-you): dark nav text even before scroll */
body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .nav-link,body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .nav-logo,body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .nav-phone,body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .nav-phone *,body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .nav-toggle,body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .theme-toggle{color:#1e293b!important}
body.light-mode.light-mode:not(:has(.hero-slider,.services-hero-bg,.about-hero-bg,.faq-hero-bg,.contact-hero-bg,.blogs-hero-bg,.article-hero-img)) .nav .nav-link:hover{color:#0097a7!important}
body.light-mode.light-mode .nav.scrolled .nav-capsule{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 6px 24px rgba(2,6,23,.10)!important;border:1px solid rgba(2,6,23,.06)!important}
body.light-mode.light-mode .nav.scrolled .nav-link,body.light-mode.light-mode .nav.scrolled .nav-logo,body.light-mode.light-mode .nav.scrolled .nav-logo *,body.light-mode.light-mode .nav.scrolled .nav-phone,body.light-mode.light-mode .nav.scrolled .nav-phone *,body.light-mode.light-mode .nav.scrolled .nav-toggle,body.light-mode.light-mode .nav.scrolled .theme-toggle{color:#1e293b!important}
body.light-mode.light-mode .nav.scrolled .nav-link:hover{color:#0097a7!important;background:rgba(0,188,212,.08)!important}
/* Dropdown menu */
body.light-mode.light-mode .nav-dropdown-menu{background:rgba(255,255,255,.97)!important;border:1px solid #e2e8f0!important;box-shadow:0 18px 40px rgba(2,6,23,.14)!important}
body.light-mode.light-mode .nav-dropdown-menu .dropdown-link,body.light-mode.light-mode .nav-dropdown-menu a{color:#334155!important}
body.light-mode.light-mode .nav-dropdown-menu .dropdown-link:hover{color:#0097a7!important;background:rgba(0,188,212,.08)!important}
body.light-mode.light-mode .nav-dropdown-menu .dropdown-header{color:#64748b!important}
/* Mobile menu */
body.light-mode.light-mode .mobile-menu-backdrop{background:rgba(15,23,42,.35)!important}
body.light-mode.light-mode .mobile-menu-content{background:rgba(255,255,255,.98)!important;border-color:#e2e8f0!important}
body.light-mode.light-mode .mobile-nav-link,body.light-mode.light-mode .mobile-dropdown-toggle,body.light-mode.light-mode .mobile-dropdown-link,body.light-mode.light-mode .mobile-menu-content a:not(.btn){color:#1e293b!important}
body.light-mode.light-mode .mobile-nav-link:hover{background:rgba(0,188,212,.08)!important;color:#0097a7!important}
body.light-mode.light-mode .mobile-dropdown-menu{background:rgba(2,6,23,.03)!important}

/* ---------- 4. PHOTO HEROES: cinematic dark, light text, bottom fades into the light page ---------- */
/* Scrims stay dark (override the washed-out legacy light overlays); the last ~12% eases into the page bg for continuity */
body.light-mode.light-mode #hero .hero-overlay{background:linear-gradient(90deg,rgba(8,12,20,.95) 0%,rgba(8,12,20,.82) 40%,rgba(8,12,20,.5) 62%,rgba(8,12,20,.15) 84%,rgba(8,12,20,0) 100%)!important}
body.light-mode.light-mode #hero .hero-overlay-top{background:linear-gradient(180deg,rgba(8,12,20,.5) 0%,rgba(8,12,20,0) 28%,rgba(8,12,20,0) 68%,rgba(246,248,251,.55) 88%,#f6f8fb 100%)!important}
/* Dark mode dims hero photos with wrapper opacity over the black body; on a light body that washes out.
   Restore full opacity and let the scrim recreate the same cinematic dimming. */
body.light-mode.light-mode .services-hero-bg,body.light-mode.light-mode .about-hero-bg,body.light-mode.light-mode .faq-hero-bg,body.light-mode.light-mode .contact-hero-bg,body.light-mode.light-mode .blogs-hero-bg{opacity:1!important}
body.light-mode.light-mode .services-hero-bg::after,body.light-mode.light-mode .about-hero-bg::after,body.light-mode.light-mode .faq-hero-bg::after,body.light-mode.light-mode .contact-hero-bg::after,body.light-mode.light-mode .blogs-hero-bg::after{background:linear-gradient(180deg,rgba(7,11,20,.84) 0%,rgba(7,11,20,.68) 32%,rgba(7,11,20,.58) 60%,rgba(9,14,25,.6) 76%,rgba(246,248,251,.92) 96%,#f6f8fb 100%)!important}
body.light-mode.light-mode .article-hero-img::after{background:linear-gradient(180deg,rgba(4,8,16,.38) 0%,rgba(4,8,16,.6) 45%,rgba(4,8,16,.94) 100%)!important}
body.light-mode.light-mode .hero{background:#0b1220}
body.light-mode.light-mode .hero-slider{background:#0b1220!important}
body.light-mode.light-mode .hero-slide img{filter:none}
/* Titles / subtitles / body on every hero variant */
body.light-mode.light-mode [class*=hero-title],body.light-mode.light-mode [class*=hero-title] *,body.light-mode.light-mode .hero-title,body.light-mode.light-mode .faq-title,body.light-mode.light-mode .article-hero-title,body.light-mode.light-mode .contact-page-title{color:#f8fafc!important}
body.light-mode.light-mode [class*=hero-title] strong{color:#fff!important}
body.light-mode.light-mode [class*=hero-subtitle],body.light-mode.light-mode .faq-subtitle,body.light-mode.light-mode .hero-body,body.light-mode.light-mode .hero-body li,body.light-mode.light-mode .hero-body p{color:rgba(237,242,247,.92)!important}
body.light-mode.light-mode .hero-body strong{color:#fff!important}
body.light-mode.light-mode [class*=hero-meta],body.light-mode.light-mode .article-hero-meta,body.light-mode.light-mode .article-hero-meta *{color:rgba(226,232,240,.85)!important}
body.light-mode.light-mode .article-breadcrumb-trail,body.light-mode.light-mode .article-breadcrumb-trail a,body.light-mode.light-mode .article-breadcrumb-trail span{color:rgba(226,232,240,.8)!important}
body.light-mode.light-mode .article-breadcrumb-trail a:hover{color:#5eead4!important}
/* Hero badges / chips */
body.light-mode.light-mode [class*=hero-badge]{color:#5eead4!important;background:rgba(0,188,212,.16)!important;border-color:rgba(94,234,212,.45)!important}
body.light-mode.light-mode .hero-content .badge{color:#5eead4!important;background:rgba(0,188,212,.16)!important;border-color:rgba(94,234,212,.45)!important}
body.light-mode.light-mode [class*=hero-badge] *{color:#5eead4!important}
body.light-mode.light-mode .hero-trust-item,body.light-mode.light-mode [class*=hero-trust-chip]{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.2)!important}
body.light-mode.light-mode .hero-trust-item *,body.light-mode.light-mode [class*=hero-trust-chip],body.light-mode.light-mode [class*=hero-trust-chip] *,body.light-mode.light-mode [class*=hero-trust] span{color:rgba(237,242,247,.94)!important}
body.light-mode.light-mode .hero-trust-icon{background:rgba(0,188,212,.22)!important}
body.light-mode.light-mode .hero-urgency-note,body.light-mode.light-mode .hero-urgency-note *{background:linear-gradient(135deg,rgba(0,188,212,.2),rgba(255,255,255,.06))!important;color:rgba(240,249,255,.95)!important}
body.light-mode.light-mode .scroll-indicator,body.light-mode.light-mode .scroll-indicator *{color:rgba(226,232,240,.75)!important;border-color:rgba(226,232,240,.4)!important}
/* Homepage slider furniture */
body.light-mode.light-mode #hero .slider-dot{background:rgba(255,255,255,.35)!important}
body.light-mode.light-mode #hero .slider-dot.active{background:#00bcd4!important}
body.light-mode.light-mode .hero-slide-info{background:rgba(10,16,26,.55)!important;border-color:rgba(255,255,255,.18)!important}
body.light-mode.light-mode .hero-slide-info-title{color:#5eead4!important}
body.light-mode.light-mode .hero-slide-info-subtitle,body.light-mode.light-mode .hero-slide-info-label{color:rgba(226,232,240,.82)!important}
/* FAQ hero search + category chips (sit on the dark hero) */
body.light-mode.light-mode .faq-search-input{background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.3)!important;color:#0f172a!important}
body.light-mode.light-mode .category-btn{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.25)!important;color:rgba(241,245,249,.9)!important}
body.light-mode.light-mode .category-btn.active,body.light-mode.light-mode .category-btn:hover{background:#00bcd4!important;border-color:#00bcd4!important;color:#04252b!important}

/* ---------- 5. DARK ISLANDS: keep light text (beat the global darkener) ---------- */
body.light-mode.light-mode .floating-badge-label{color:rgba(255,255,255,.55)!important}
body.light-mode.light-mode .floating-badge-text{color:var(--safety-orange,#ff4f11)!important}
body.light-mode.light-mode .blog-date,body.light-mode.light-mode .blog-date *{color:#fff!important}
body.light-mode.light-mode .cta-card h2,body.light-mode.light-mode .cta-card .section-title{color:#fff!important}
body.light-mode.light-mode .cta-card p,body.light-mode.light-mode .cta-card .cta-content p{color:rgba(255,255,255,.8)!important}
body.light-mode.light-mode .cta-card .cta-trust span{color:rgba(255,255,255,.9)!important}
/* Chat widget stays a dark overlay in both themes */
body.light-mode.light-mode .chat-options-panel,body.light-mode.light-mode .assistance-popup{background:rgba(16,18,22,.95)!important}
body.light-mode.light-mode .chat-options-panel h4,body.light-mode.light-mode .chat-options-panel .chat-panel-welcome,body.light-mode.light-mode .chat-options-panel .chat-link-text strong,body.light-mode.light-mode .assistance-popup .assistance-text{color:#fff!important}
body.light-mode.light-mode .chat-options-panel p,body.light-mode.light-mode .chat-options-panel .chat-link-text span,body.light-mode.light-mode .assistance-popup .assistance-close-btn{color:rgba(255,255,255,.72)!important}
body.light-mode.light-mode .assistance-popup a.assistance-btn-call{color:#04252b!important}
body.light-mode.light-mode .assistance-popup a.assistance-btn-wa{color:#fff!important}
/* Sector cards (about page): name/tag sit on the photo's dark bottom gradient */
body.light-mode.light-mode .sector-card__name{color:#fff!important}
body.light-mode.light-mode .sector-card__tag{color:rgba(255,255,255,.75)!important}
/* Help cards (contact page): CTA pills have colored gradient backgrounds */
body.light-mode.light-mode .help-cards a.help-card__cta{color:#fff!important}

/* ---------- 6. SECTION + CARD GAP FILLS ---------- */
/* Marquee */
body.light-mode.light-mode .marquee-label{color:#94a3b8!important}
body.light-mode.light-mode .marquee-item{opacity:.85!important}
/* About page */
body.light-mode.light-mode .stat-item{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 8px 24px -12px rgba(2,6,23,.12)!important}
body.light-mode.light-mode .stat-item .stat-label{color:#64748b!important}
body.light-mode.light-mode .trust-badge{background:rgba(0,188,212,.08)!important;border-color:rgba(0,151,167,.22)!important;color:#0f172a!important}
body.light-mode.light-mode .vision-icon{background:rgba(0,188,212,.12)!important;border-color:rgba(0,151,167,.3)!important}
body.light-mode.light-mode .mission-row .vision-icon{background:rgba(255,107,107,.12)!important;border-color:rgba(255,107,107,.3)!important}
body.light-mode.light-mode .feature-card,body.light-mode.light-mode .industry-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 10px 30px -14px rgba(2,6,23,.12)!important}
body.light-mode.light-mode .feature-card:hover,body.light-mode.light-mode .industry-card:hover{border-color:rgba(0,188,212,.4)!important;box-shadow:0 18px 40px -16px rgba(0,151,167,.28)!important}
body.light-mode.light-mode .feature-icon{background:rgba(0,188,212,.12)!important}
body.light-mode.light-mode .industry-name{color:#1e293b!important}
body.light-mode.light-mode .about-hero-cta .btn-outline,body.light-mode.light-mode .about-hero .btn-outline{border-color:rgba(255,255,255,.45)!important;color:#f1f5f9!important}
/* AMC page gaps */
body.light-mode.light-mode .why-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 30px -14px rgba(2,6,23,.12)!important}
body.light-mode.light-mode .why-card-icon{background:rgba(0,188,212,.12)!important}
body.light-mode.light-mode .process-step{background:#fff;border-color:#e2e8f0}
body.light-mode.light-mode .process-step:hover{background:#fff!important;border-color:rgba(0,188,212,.35)!important}
body.light-mode.light-mode .process-step-icon{background:rgba(0,188,212,.12)!important}
body.light-mode.light-mode .services-hero-badge{color:#5eead4!important;background:rgba(0,188,212,.16)!important;border-color:rgba(94,234,212,.45)!important}
/* Blogs extras */
body.light-mode.light-mode .newsletter-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 30px -14px rgba(2,6,23,.12)!important}
body.light-mode.light-mode .share-btn{background:#fff!important;border:1px solid #cbd5e1!important;color:#334155!important}
body.light-mode.light-mode .share-btn:hover{border-color:#00bcd4!important;color:#0097a7!important}
/* Service detail extras (renderer + standalone) */
body.light-mode.light-mode .service-visual{background:#f1f5f9!important;border-color:#cbd5e1!important}
body.light-mode.light-mode .faq-num{background:rgba(0,188,212,.1)!important;color:#0097a7!important}
body.light-mode.light-mode .faq-toggle{background:rgba(2,6,23,.05)!important;color:#334155!important}
body.light-mode.light-mode .related-arrow{background:rgba(0,188,212,.1)!important;color:#0097a7!important}
body.light-mode.light-mode .wide-band table{background:#fff!important;border-color:#e2e8f0!important}
body.light-mode.light-mode .wide-band th{background:rgba(0,188,212,.08)!important;color:#0f172a!important;border-color:#e2e8f0!important}
body.light-mode.light-mode .wide-band td{border-color:#e2e8f0!important;color:#334155!important}
body.light-mode.light-mode .service-detail-page .hero-card-caption{background:#f8fafc!important;color:#334155!important}
/* Contact page: un-invert the map */
body.light-mode.light-mode .map-container iframe{filter:none!important}
/* Legal pages (privacy/terms — inline-styled) */
body.light-mode.light-mode .page-header{background:linear-gradient(135deg,#f8fafc 0%,#e8eef5 100%)!important;border-bottom:1px solid #e2e8f0!important}
body.light-mode.light-mode .page-header .page-title{color:#0f172a!important}
body.light-mode.light-mode .page-header .page-subtitle{color:#64748b!important}
body.light-mode.light-mode .legal-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 16px 40px -20px rgba(2,6,23,.15)!important;color:#334155!important}
body.light-mode.light-mode section.section[style]{background:#f6f8fb!important}
/* Thank-you page */
body.light-mode.light-mode .thank-you-section{background:linear-gradient(135deg,#f8fafc,#e8f4f7)!important}
body.light-mode.light-mode .thank-you-desc{color:#475569!important}

/* ---------- 6b. ACCENT READABILITY on light surfaces ---------- */
/* Brand cyan #00bcd4 is 2.3:1 on white — darken accent text to teal-800 in light mode */
body.light-mode.light-mode .service-card-action,body.light-mode.light-mode .service-card-action *,body.light-mode.light-mode .btn-link,body.light-mode.light-mode .section-kicker,body.light-mode.light-mode .hero-stat strong,body.light-mode.light-mode .stat-value,body.light-mode.light-mode .amc-benefit-card h3,body.light-mode.light-mode .feature-proof{color:#00838f!important}
body.light-mode.light-mode .service-badge,body.light-mode.light-mode .service-chip{background:rgba(0,151,167,.1)!important;border-color:rgba(0,151,167,.3)!important;color:#00707d!important}
body.light-mode.light-mode .section .badge{background:rgba(0,151,167,.1)!important;border-color:rgba(0,151,167,.28)!important;color:#00707d!important}
body.light-mode.light-mode .package-price{color:#00838f!important}
body.light-mode.light-mode #load-more-blogs{color:#006d77!important}
body.light-mode.light-mode .hub-hero-badge{background:rgba(0,151,167,.1)!important;border:1px solid rgba(0,151,167,.28)!important;color:#00707d!important}
body.light-mode.light-mode .load-more-services{background:#fff!important;border:1px solid rgba(0,151,167,.4)!important;color:#00707d!important}
body.light-mode.light-mode .load-more-services:hover{background:rgba(0,151,167,.08)!important;color:#006064!important}
body.light-mode.light-mode .btn-outline{border-color:rgba(0,131,143,.5)!important;color:#00838f!important}
body.light-mode.light-mode .btn-outline:hover{border-color:#00838f!important;background:rgba(0,151,167,.08)!important;color:#006064!important}
/* Primary buttons: brand cyan with dark navy label (8.9:1) — same treatment as dark mode */
body.light-mode.light-mode .btn-primary{background:#00bcd4!important;border-color:#00bcd4!important;color:#04252b!important}
body.light-mode.light-mode .btn-primary:hover{background:#00acc1!important;border-color:#00acc1!important;color:#04252b!important}
body.light-mode.light-mode .btn-whatsapp,body.light-mode.light-mode .btn-whatsapp span{color:#062e16!important}
/* The global span/div darkener must never recolor text inside buttons */
body.light-mode.light-mode .btn span,body.light-mode.light-mode .btn div,body.light-mode.light-mode .btn-primary span,body.light-mode.light-mode .btn-whatsapp span,body.light-mode.light-mode .hub-btn span,body.light-mode.light-mode button span{color:inherit!important}
body.light-mode.light-mode .package-badge{background:#00bcd4!important;color:#04252b!important}
body.light-mode.light-mode .service-pill.primary{color:#04252b!important}
body.light-mode.light-mode .skip-link{background:#0f172a!important;color:#f8fafc!important}
/* Chips over card thumbnails */
body.light-mode.light-mode .blog-date{background:rgba(8,12,20,.85)!important;border:1px solid rgba(255,255,255,.18)!important}
body.light-mode.light-mode .service-card-media span{background:rgba(255,255,255,.94)!important;color:#0f172a!important}

/* ---------- 7. FOOTER: premium dark band in both themes ---------- */
body.light-mode.light-mode .footer{background:#0b1220!important;border-top:1px solid rgba(255,255,255,.08)!important}
body.light-mode.light-mode .footer p,body.light-mode.light-mode .footer span,body.light-mode.light-mode .footer li,body.light-mode.light-mode .footer div,body.light-mode.light-mode .footer a:not(.btn),body.light-mode.light-mode .footer summary{color:rgba(203,213,225,.85)!important}
body.light-mode.light-mode .footer .footer-heading{color:#f1f5f9!important}
body.light-mode.light-mode .footer .footer-brand-text,body.light-mode.light-mode .footer .footer-link,body.light-mode.light-mode .footer .footer-links a,body.light-mode.light-mode .footer .footer-contact-item,body.light-mode.light-mode .footer .footer-contact-item *,body.light-mode.light-mode .footer summary{color:rgba(203,213,225,.85)!important}
body.light-mode.light-mode .footer .footer-link:hover,body.light-mode.light-mode .footer .footer-links a:hover{color:#5eead4!important}
body.light-mode.light-mode .footer .footer-contact-icon{background:rgba(0,188,212,.16)!important;color:#5eead4!important}
body.light-mode.light-mode .footer-bottom{background:#080d18!important;border-top:1px solid rgba(255,255,255,.06)!important}
body.light-mode.light-mode .footer-bottom *,body.light-mode.light-mode .footer-copyright,body.light-mode.light-mode .footer-legal a{color:rgba(148,163,184,.9)!important}
body.light-mode.light-mode .footer-legal a:hover,body.light-mode.light-mode .footer-developer-link{color:#5eead4!important}
body.light-mode.light-mode .footer-developer{opacity:.8!important}
body.light-mode.light-mode .footer-social-link{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#e2e8f0!important}
body.light-mode.light-mode .footer-social-link:hover{background:rgba(0,188,212,.25)!important;color:#fff!important}
body.light-mode.light-mode .footer-top-btn{background:rgba(0,188,212,.9)!important;color:#04252b!important}