/* Deep-blue faceted navigation and footer surfaces. */
:root {
  --nav-footer-faceted: url("/assets/nav-footer-faceted.svg");
}

html body:not(#nav-footer-faceted-override) .site-header.site-header {
  border-bottom-color: rgba(38, 169, 230, 0.38) !important;
  background-color: #07152b !important;
  background-image:
    linear-gradient(90deg, rgba(11, 29, 55, 0.2), rgba(1, 7, 18, 0.08)),
    var(--nav-footer-faceted) !important;
  background-position: center, center 47% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow:
    inset 0 -1px 0 rgba(40, 175, 236, 0.14),
    0 12px 34px rgba(1, 9, 21, 0.3) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body .site-header.site-header :is(
  .brand,
  .main-nav,
  .nav-link,
  .nav-link-trigger,
  .header-phone,
  .header-phone-list a
) {
  color: #f5f7fb !important;
  text-shadow: 0 2px 12px rgba(0, 5, 15, 0.64) !important;
}

html body .site-header.site-header :is(.nav-link, .nav-link-trigger, .header-phone-list a):is(:hover, :focus-visible) {
  color: #4dc9ff !important;
}

html body .site-header.site-header .header-phone {
  border-left-color: rgba(117, 202, 240, 0.28) !important;
}

html body .site-header.site-header .material-symbols-outlined {
  color: #65d1ff !important;
}

html body:not(#nav-footer-faceted-override) .site-footer.site-footer {
  position: relative;
  isolation: isolate;
  border-top-color: rgba(35, 169, 231, 0.44) !important;
  background-color: #061225 !important;
  background-image:
    linear-gradient(90deg, rgba(5, 18, 39, 0.32), rgba(0, 6, 16, 0.24)),
    var(--nav-footer-faceted) !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow:
    inset 0 1px 0 rgba(58, 188, 244, 0.16),
    0 -18px 54px rgba(2, 10, 23, 0.16) !important;
}

html body .site-footer.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 18%, rgba(54, 91, 137, 0.18), transparent 34rem),
    linear-gradient(90deg, rgba(3, 11, 26, 0.08), rgba(1, 6, 16, 0.28));
}

html body .site-footer.site-footer :is(h2, h3, .footer-nav-link strong, .footer-legal-copy) {
  color: #f4f7fb !important;
}

html body .site-footer.site-footer :is(
  p,
  .footer-nav-link,
  .footer-legal,
  .footer-legal p,
  .footer-legal-trademark,
  .footer-legal-notice
) {
  color: rgba(224, 235, 247, 0.76) !important;
}

html body .site-footer.site-footer .footer-nav-link:is(:hover, :focus-visible),
html body .site-footer.site-footer .material-symbols-outlined {
  color: #55caff !important;
}

@media (max-width: 980px) {
  html body:not(#nav-footer-faceted-override) .site-header.site-header .main-nav {
    background-color: #07152b !important;
    background-image:
      linear-gradient(180deg, rgba(4, 15, 33, 0.18), rgba(1, 7, 18, 0.48)),
      var(--nav-footer-faceted) !important;
    background-position: center, 68% center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}

@media (max-width: 680px) {
  html body:not(#nav-footer-faceted-override) .site-header.site-header {
    background-position: center, 64% 48% !important;
  }

  html body:not(#nav-footer-faceted-override) .site-footer.site-footer {
    background-position: center, 62% center !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html body:not(#nav-footer-faceted-override) .site-header.site-header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* Dark theme: preserve the faceted composition, recast in deep bronze. */
html:not([data-theme="light"]) body:not(#nav-footer-faceted-override) .site-header.site-header {
  border-bottom-color: rgba(193, 139, 82, 0.42) !important;
  background-color: #100b08 !important;
  background-image:
    linear-gradient(90deg, rgba(22, 14, 9, 0.48), rgba(5, 3, 2, 0.3)),
    url("/assets/nav-footer-faceted-bronze.svg?v=1") !important;
  box-shadow:
    inset 0 -1px 0 rgba(208, 154, 98, 0.16),
    0 12px 34px rgba(7, 4, 2, 0.34) !important;
}

html:not([data-theme="light"]) body .site-header.site-header :is(.nav-link, .nav-link-trigger, .header-phone-list a):is(:hover, :focus-visible) {
  color: #d7a36d !important;
}

html:not([data-theme="light"]) body .site-header.site-header .header-phone {
  border-left-color: rgba(208, 154, 98, 0.3) !important;
}

html:not([data-theme="light"]) body .site-header.site-header .material-symbols-outlined {
  color: #d0a06b !important;
}

html:not([data-theme="light"]) body:not(#nav-footer-faceted-override) .site-footer.site-footer {
  border-top-color: rgba(193, 139, 82, 0.46) !important;
  background-color: #0c0806 !important;
  background-image:
    linear-gradient(90deg, rgba(20, 12, 8, 0.52), rgba(5, 3, 2, 0.42)),
    url("/assets/nav-footer-faceted-bronze.svg?v=1") !important;
  box-shadow:
    inset 0 1px 0 rgba(208, 154, 98, 0.18),
    0 -18px 54px rgba(7, 4, 2, 0.2) !important;
}

html:not([data-theme="light"]) body .site-footer.site-footer::before {
  background:
    radial-gradient(circle at 14% 18%, rgba(118, 82, 52, 0.2), transparent 34rem),
    linear-gradient(90deg, rgba(25, 16, 10, 0.08), rgba(7, 4, 2, 0.3));
}

html:not([data-theme="light"]) body .site-footer.site-footer .footer-nav-link:is(:hover, :focus-visible),
html:not([data-theme="light"]) body .site-footer.site-footer .material-symbols-outlined {
  color: #d0a06b !important;
}

@media (max-width: 1180px) {
  html:not([data-theme="light"]) body:not(#nav-footer-faceted-override) .site-header.site-header .main-nav {
    background-color: #100b08 !important;
    background-image:
      linear-gradient(180deg, rgba(20, 12, 8, 0.46), rgba(5, 3, 2, 0.68)),
      url("/assets/nav-footer-faceted-bronze.svg?v=1") !important;
  }
}