/*
 * Casalta production navigation material.
 * Match Apple's restrained light web scrim while retaining Casalta's own
 * dimensions, typography, and navigation behavior.
 */

.site-v2.site-v85 .site-header:not(.is-scrolled):not(.is-open) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
}

.site-v2.site-v85 .site-header.is-scrolled {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(255, 255, 255, var(--casalta-header-glass-fallback-opacity, 0.92));
  border-bottom-color: transparent;
  box-shadow: none;
}

@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  .site-v2.site-v85 .site-header.is-scrolled {
    -webkit-backdrop-filter: saturate(var(--casalta-header-glass-saturation, 180%)) blur(var(--casalta-header-glass-blur, 20px));
    backdrop-filter: saturate(var(--casalta-header-glass-saturation, 180%)) blur(var(--casalta-header-glass-blur, 20px));
    background: rgba(255, 255, 255, var(--casalta-header-glass-opacity, 0.8));
  }
}

/* The transparent compact header sits directly over the opening photograph. */
@media (max-width: 700px) {
  .site-v2.site-v74.site-v85
    .site-header:not(.is-scrolled):not(.is-open)
    .menu-toggle span {
    background: transparent;
    border-top-color: #fff;
  }
}

/* Apple uses an opaque reading surface only while compact navigation is open. */
.site-v2.site-v85 .site-header.is-open,
.site-v2.site-v85 .site-header.is-open .site-nav {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #fff;
  border-color: transparent;
  box-shadow: none;
}

@media (prefers-reduced-transparency: reduce) {
  .site-v2.site-v85 .site-header.is-scrolled {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
  }
}