/* ===== V16 FINAL: GLOBAL LIGHT MODE, FOOTER, HEADER LOGO, SERVICES TRANSLATION SUPPORT ===== */

/* Atlas logo equals 3M visual weight */
.brand-logos .logo-atlas,
.logo-atlas,
img.logo-atlas,
.brand img.logo-atlas{
  width:74px !important;
  max-width:74px !important;
  height:auto !important;
  min-height:54px !important;
  object-fit:contain !important;
}
.brand-logos .logo-3m,
.logo-3m,
img.logo-3m{
  width:112px !important;
  max-width:112px !important;
  height:auto !important;
  object-fit:contain !important;
}
.brand-logos{gap:14px !important; align-items:center !important;}
.brand-text strong{font-size:16px !important;}
.brand-text small{letter-spacing:3px !important;}

/* Dropdown must always open centered under Services */
.atlas-services-dd{position:relative !important;}
.atlas-services-panel{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) translateY(14px) !important;
  text-align:inherit !important;
}
.atlas-services-dd:hover .atlas-services-panel,
.atlas-services-dd:focus-within .atlas-services-panel,
.atlas-services-panel:hover{
  transform:translateX(-50%) translateY(0) !important;
}

/* Real light mode foundation */
html[data-theme="light"],
html[data-theme="light"] body,
body.light,
body.light-mode{
  background:#f3f4f7 !important;
  color:#151923 !important;
}

html[data-theme="light"] .main-wrapper,
html[data-theme="light"] main,
html[data-theme="light"] section,
html[data-theme="light"] .section,
html[data-theme="light"] .page-section,
html[data-theme="light"] .content-section,
html[data-theme="light"] .service-category-block,
html[data-theme="light"] .journey,
html[data-theme="light"] .atlas-journey,
html[data-theme="light"] .verification,
html[data-theme="light"] .warranty-verify,
html[data-theme="light"] .scan-section,
html[data-theme="light"] .cta-section,
html[data-theme="light"] .pre-footer,
html[data-theme="light"] .footer-cta,
html[data-theme="light"] .trust-section,
body.light .main-wrapper,
body.light main,
body.light section,
body.light .section,
body.light .page-section,
body.light .content-section,
body.light .service-category-block,
body.light .journey,
body.light .atlas-journey,
body.light .verification,
body.light .warranty-verify,
body.light .scan-section,
body.light .cta-section,
body.light .pre-footer,
body.light .footer-cta,
body.light .trust-section,
body.light-mode .main-wrapper,
body.light-mode main,
body.light-mode section,
body.light-mode .section,
body.light-mode .page-section,
body.light-mode .content-section,
body.light-mode .service-category-block,
body.light-mode .journey,
body.light-mode .atlas-journey,
body.light-mode .verification,
body.light-mode .warranty-verify,
body.light-mode .scan-section,
body.light-mode .cta-section,
body.light-mode .pre-footer,
body.light-mode .footer-cta,
body.light-mode .trust-section{
  color:#151923 !important;
}

html[data-theme="light"] .site-header,
html[data-theme="light"] .mobile-menu,
html[data-theme="light"] .mobile-menu-content,
body.light .site-header,
body.light .mobile-menu,
body.light .mobile-menu-content,
body.light-mode .site-header,
body.light-mode .mobile-menu,
body.light-mode .mobile-menu-content{
  background:rgba(255,255,255,.96) !important;
  color:#151923 !important;
  border-color:rgba(21,25,35,.12) !important;
  box-shadow:0 14px 42px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .desktop-nav a,
html[data-theme="light"] .brand-text strong,
html[data-theme="light"] .brand-text small,
html[data-theme="light"] .header-actions .ghost-btn,
html[data-theme="light"] .lang-btn,
html[data-theme="light"] .mobile-menu a,
body.light .desktop-nav a,
body.light .brand-text strong,
body.light .brand-text small,
body.light .header-actions .ghost-btn,
body.light .lang-btn,
body.light .mobile-menu a,
body.light-mode .desktop-nav a,
body.light-mode .brand-text strong,
body.light-mode .brand-text small,
body.light-mode .header-actions .ghost-btn,
body.light-mode .lang-btn,
body.light-mode .mobile-menu a{
  color:#151923 !important;
  text-shadow:none !important;
}

/* Light mode cards and boxes */
html[data-theme="light"] .content-card,
html[data-theme="light"] .content-shell,
html[data-theme="light"] .step-card,
html[data-theme="light"] .service-detail-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .warranty-card,
html[data-theme="light"] .verify-card,
html[data-theme="light"] .journey-card,
html[data-theme="light"] .center-card,
html[data-theme="light"] .atlas-center-card,
html[data-theme="light"] .review-card,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .info-card,
body.light .content-card,
body.light .content-shell,
body.light .step-card,
body.light .service-detail-card,
body.light .feature-card,
body.light .glass-card,
body.light .warranty-card,
body.light .verify-card,
body.light .journey-card,
body.light .center-card,
body.light .atlas-center-card,
body.light .review-card,
body.light .contact-card,
body.light .form-card,
body.light .service-card,
body.light .metric-card,
body.light .stat-card,
body.light .info-card,
body.light-mode .content-card,
body.light-mode .content-shell,
body.light-mode .step-card,
body.light-mode .service-detail-card,
body.light-mode .feature-card,
body.light-mode .glass-card,
body.light-mode .warranty-card,
body.light-mode .verify-card,
body.light-mode .journey-card,
body.light-mode .center-card,
body.light-mode .atlas-center-card,
body.light-mode .review-card,
body.light-mode .contact-card,
body.light-mode .form-card,
body.light-mode .service-card,
body.light-mode .metric-card,
body.light-mode .stat-card,
body.light-mode .info-card{
  background:rgba(255,255,255,.92) !important;
  color:#151923 !important;
  border-color:rgba(21,25,35,.12) !important;
  box-shadow:0 22px 50px rgba(15,23,42,.08) !important;
}

/* Light text: cover stubborn black/white text everywhere */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] p,
html[data-theme="light"] span,
html[data-theme="light"] li,
html[data-theme="light"] small,
html[data-theme="light"] label,
html[data-theme="light"] b,
html[data-theme="light"] strong,
html[data-theme="light"] a:not(.primary-btn):not(.action-book):not(.float-btn),
body.light h1,
body.light h2,
body.light h3,
body.light h4,
body.light h5,
body.light h6,
body.light p,
body.light span,
body.light li,
body.light small,
body.light label,
body.light b,
body.light strong,
body.light a:not(.primary-btn):not(.action-book):not(.float-btn),
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode p,
body.light-mode span,
body.light-mode li,
body.light-mode small,
body.light-mode label,
body.light-mode b,
body.light-mode strong,
body.light-mode a:not(.primary-btn):not(.action-book):not(.float-btn){
  color:#151923 !important;
  text-shadow:none !important;
}

html[data-theme="light"] .subtitle,
html[data-theme="light"] .muted,
html[data-theme="light"] .section-subtitle,
html[data-theme="light"] .card-text,
html[data-theme="light"] .service-detail-card p,
html[data-theme="light"] .step-card p,
html[data-theme="light"] .journey-card p,
body.light .subtitle,
body.light .muted,
body.light .section-subtitle,
body.light .card-text,
body.light .service-detail-card p,
body.light .step-card p,
body.light .journey-card p,
body.light-mode .subtitle,
body.light-mode .muted,
body.light-mode .section-subtitle,
body.light-mode .card-text,
body.light-mode .service-detail-card p,
body.light-mode .step-card p,
body.light-mode .journey-card p{
  color:#4b5563 !important;
}

html[data-theme="light"] .eyebrow,
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .red-text,
html[data-theme="light"] .accent,
body.light .eyebrow,
body.light .section-kicker,
body.light .red-text,
body.light .accent,
body.light-mode .eyebrow,
body.light-mode .section-kicker,
body.light-mode .red-text,
body.light-mode .accent{
  color:#d71920 !important;
}

/* Hero/readability in light mode (Home, Services, Warranty Scan Verify Trust) */
html[data-theme="light"] .hero,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .services-page-hero,
html[data-theme="light"] .service-detail-hero,
html[data-theme="light"] .warranty-hero,
body.light .hero,
body.light .page-hero,
body.light .services-page-hero,
body.light .service-detail-hero,
body.light .warranty-hero,
body.light-mode .hero,
body.light-mode .page-hero,
body.light-mode .services-page-hero,
body.light-mode .service-detail-hero,
body.light-mode .warranty-hero{
  background-color:#eef0f4 !important;
  color:#151923 !important;
}
html[data-theme="light"] .hero::before,
html[data-theme="light"] .hero::after,
html[data-theme="light"] .hero-vignette,
html[data-theme="light"] .services-hero-bg,
body.light .hero::before,
body.light .hero::after,
body.light .hero-vignette,
body.light .services-hero-bg,
body.light-mode .hero::before,
body.light-mode .hero::after,
body.light-mode .hero-vignette,
body.light-mode .services-hero-bg{
  opacity:.12 !important;
  filter:brightness(1.25) contrast(.85) !important;
}
html[data-theme="light"] .hero-content,
html[data-theme="light"] .hero-content *,
html[data-theme="light"] .warranty-verify *,
html[data-theme="light"] .scan-section *,
body.light .hero-content,
body.light .hero-content *,
body.light .warranty-verify *,
body.light .scan-section *,
body.light-mode .hero-content,
body.light-mode .hero-content *,
body.light-mode .warranty-verify *,
body.light-mode .scan-section *{
  color:#151923 !important;
  text-shadow:none !important;
}
html[data-theme="light"] .primary-btn,
html[data-theme="light"] .action-book,
html[data-theme="light"] .float-btn,
body.light .primary-btn,
body.light .action-book,
body.light .float-btn,
body.light-mode .primary-btn,
body.light-mode .action-book,
body.light-mode .float-btn{
  color:#fff !important;
}

/* Unify footer visually on all pages */
.atlas-footer{
  margin-top:0 !important;
  background:#07080b !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.atlas-footer *{color:inherit;}
.atlas-footer a{color:rgba(255,255,255,.78) !important;}
.atlas-footer a:hover{color:#ff2b35 !important;}
.atlas-footer .footer-column h4,
.atlas-footer strong{color:#fff !important;}
.atlas-footer p,
.atlas-footer small{color:rgba(255,255,255,.62) !important;}
html[data-theme="light"] .atlas-footer,
body.light .atlas-footer,
body.light-mode .atlas-footer{
  background:#101114 !important;
  color:#fff !important;
}
html[data-theme="light"] .atlas-footer *,
body.light .atlas-footer *,
body.light-mode .atlas-footer *{
  color:inherit !important;
}
html[data-theme="light"] .atlas-footer a,
body.light .atlas-footer a,
body.light-mode .atlas-footer a{color:rgba(255,255,255,.76) !important;}
html[data-theme="light"] .atlas-footer p,
html[data-theme="light"] .atlas-footer small,
body.light .atlas-footer p,
body.light .atlas-footer small,
body.light-mode .atlas-footer p,
body.light-mode .atlas-footer small{color:rgba(255,255,255,.62) !important;}

/* Mobile light menu visible */
@media (max-width:980px){
  html[data-theme="light"] .mobile-menu,
  html[data-theme="light"] .mobile-menu-content,
  body.light .mobile-menu,
  body.light .mobile-menu-content,
  body.light-mode .mobile-menu,
  body.light-mode .mobile-menu-content{
    background:#fff !important;
    color:#151923 !important;
  }
  html[data-theme="light"] .mobile-menu a,
  body.light .mobile-menu a,
  body.light-mode .mobile-menu a{
    color:#151923 !important;
    background:rgba(15,23,42,.04) !important;
    border-color:rgba(15,23,42,.10) !important;
  }
  .atlas-services-panel{
    left:auto !important;
    right:auto !important;
    transform:none !important;
    max-height:68vh !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}
