/* ACO Services — hub client overrides */

/* —— Light mode: pure white, soft tech (not harsh cream/blue wash) —— */
html:not(.dark) body.craft-page,
html:not(.dark) body {
  background-color: #ffffff !important;
  color: #1e293b;
}

html:not(.dark) .bg-cream,
html:not(.dark) body.craft-page {
  --tw-bg-opacity: 1;
  background-color: #ffffff !important;
}

html:not(.dark) .aco-band-mesh {
  background: #ffffff !important;
}

html:not(.dark) section.bg-slate-50,
html:not(.dark) .bg-slate-50\/40,
html:not(.dark) .bg-slate-50\/70,
html:not(.dark) .bg-brand-50\/50,
html:not(.dark) .bg-brand-50\/70,
html:not(.dark) .bg-brand-50\/80 {
  background-color: #f8fafc !important;
}

html:not(.dark) .craft-site-header {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: #e2e8f0 !important;
  backdrop-filter: blur(12px);
}

/* Dark mode: off-white nav with cool blue tint */
.dark body[data-nav-chrome="light"] .craft-site-header,
.dark .craft-site-header {
  background: rgba(226, 241, 250, 0.94) !important;
  border-bottom-color: rgba(0, 167, 225, 0.22) !important;
  backdrop-filter: blur(16px);
}

.dark body[data-nav-chrome="light"] .craft-header-bar .font-display,
.dark .craft-site-header .font-display {
  color: #003e54 !important;
}

.dark body[data-nav-chrome="light"] .craft-header-bar .craft-nav-link,
.dark .craft-site-header .craft-nav-link {
  color: #1e4a5c !important;
}

.dark body[data-nav-chrome="light"] .craft-header-bar .craft-nav-link:hover,
.dark body[data-nav-chrome="light"] .craft-header-bar .craft-nav-link.is-active,
.dark .craft-site-header .craft-nav-link:hover,
.dark .craft-site-header .craft-nav-link.is-active {
  color: #00739a !important;
  background: rgba(0, 167, 225, 0.12) !important;
}

.dark body[data-nav-chrome="light"] .craft-header-bar .craft-nav-icon-btn,
.dark .craft-site-header .craft-nav-icon-btn {
  color: #003e54 !important;
}

.dark .aco-band-mesh {
  background:
    radial-gradient(ellipse 70% 50% at 15% 0%, rgba(0, 167, 225, 0.18), transparent 55%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 100%);
}

.aco-shop-card:hover img {
  transform: scale(1.04);
}