/* ===== V20 MASTER CSS FIX ===== */
:root[data-theme="light"] body,
body.light,
body.light-mode{ background:#f5f5f5 !important; color:#1f2430 !important; }

:root[data-theme="light"] .site-header,
:root[data-theme="light"] header,
body.light .site-header,
body.light header{ background:rgba(255,255,255,.96) !important; color:#1f2430 !important; border-color:rgba(0,0,0,.10) !important; box-shadow:0 10px 28px rgba(0,0,0,.08) !important; }

:root[data-theme="light"] .hero,
:root[data-theme="light"] .page-hero,
:root[data-theme="light"] .section,
:root[data-theme="light"] .journey-section,
:root[data-theme="light"] .warranty-section,
:root[data-theme="light"] .services-section,
:root[data-theme="light"] .content-section,
:root[data-theme="light"] main,
body.light .hero,
body.light .page-hero,
body.light .section,
body.light .journey-section,
body.light .warranty-section,
body.light .services-section,
body.light .content-section,
body.light main{ background-color:#f7f7f7 !important; color:#1f2430 !important; }

:root[data-theme="light"] .glass-card,
:root[data-theme="light"] .journey-card,
:root[data-theme="light"] .service-card,
:root[data-theme="light"] .center-card,
:root[data-theme="light"] .card,
:root[data-theme="light"] .feature-card,
:root[data-theme="light"] .warranty-card,
:root[data-theme="light"] .atlas-services-panel,
:root[data-theme="light"] .mega-menu,
body.light .glass-card,
body.light .journey-card,
body.light .service-card,
body.light .center-card,
body.light .card,
body.light .feature-card,
body.light .warranty-card,
body.light .atlas-services-panel,
body.light .mega-menu{ background:rgba(255,255,255,.92) !important; color:#1f2430 !important; border-color:rgba(0,0,0,.10) !important; box-shadow:0 16px 40px rgba(0,0,0,.08) !important; }

:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] h4,
:root[data-theme="light"] p,
:root[data-theme="light"] span,
:root[data-theme="light"] small,
:root[data-theme="light"] li,
:root[data-theme="light"] a,
:root[data-theme="light"] button,
:root[data-theme="light"] label,
body.light h1, body.light h2, body.light h3, body.light h4, body.light p, body.light span, body.light small, body.light li, body.light a, body.light button, body.light label{ color:#1f2430 !important; }

:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .red,
:root[data-theme="light"] .accent,
:root[data-theme="light"] .step-number,
body.light .eyebrow,
body.light .red,
body.light .accent,
body.light .step-number{ color:#d71920 !important; }

:root[data-theme="light"] .muted,
:root[data-theme="light"] .subtitle,
:root[data-theme="light"] .section-subtitle,
body.light .muted,
body.light .subtitle,
body.light .section-subtitle{ color:#5c6270 !important; }

:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] .book-btn,
:root[data-theme="light"] .red-btn,
:root[data-theme="light"] .become-center-btn,
body.light .btn-primary,
body.light .book-btn,
body.light .red-btn,
body.light .become-center-btn{ background:#d71920 !important; color:#fff !important; }

/* Atlas logo bigger, 3M unchanged */
.brand-logo img[alt*="Atlas"], .brand-logo img[src*="atlas"], .atlas-logo, img.atlas-logo{ width:auto !important; min-width:64px !important; max-height:52px !important; transform:scale(1.18); transform-origin:center; }
.brand-logo img[alt*="3M"], .brand-logo img[src*="3m"], .logo-3m{ max-height:58px !important; transform:none !important; }

/* Services dropdown must appear centered under Services button in both Arabic/English */
.atlas-services-dd{ position:relative !important; }
.atlas-services-panel{ left:50% !important; right:auto !important; transform:translateX(-50%) translateY(10px) !important; transform-origin:top center !important; }
.atlas-services-dd:hover .atlas-services-panel{ transform:translateX(-50%) translateY(0) !important; }

/* English mode: force LTR inside service cards */
body.lang-en .service-card,
body.lang-en .journey-card,
body.lang-en .atlas-services-panel{ direction:ltr !important; text-align:left !important; }
body.lang-en .service-card *,
body.lang-en .journey-card *,
body.lang-en .atlas-services-panel *{ direction:ltr !important; text-align:left !important; }

/* do not translate centers/search visually */
.no-translate, .no-translate *, .centers-section, .centers-section *, .center-card, .center-card *{ direction:rtl !important; text-align:right !important; }

@media(max-width:991px){
  :root[data-theme="light"] .mobile-nav,
  :root[data-theme="light"] .mobile-menu,
  :root[data-theme="light"] .desktop-nav,
  body.light .mobile-nav,
  body.light .mobile-menu,
  body.light .desktop-nav{ background:#fff !important; color:#1f2430 !important; }
  .atlas-services-panel{ position:static !important; left:auto !important; right:auto !important; transform:none !important; width:100% !important; max-height:66vh !important; overflow-y:auto !important; }
}