/* Primary navigation: child-theme override for the Whisk & Sprinkles site. */
.bakery-site-header {
  position: relative;
  z-index: 1020;
  padding: .75rem 0 0;
  transition: padding .25s ease;
}

.bakery-navbar {
  width: min(calc(100% - 2rem), 1320px);
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 .45rem 1.4rem rgba(56, 32, 24, .06);
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
}

@supports ((-webkit-backdrop-filter: blur(16px)) or (backdrop-filter: blur(16px))) {
  .bakery-navbar { -webkit-backdrop-filter: blur(12px) saturate(125%); backdrop-filter: blur(12px) saturate(125%); background: rgba(255, 255, 255, .6); }
  .bakery-site-header.is-scrolled .bakery-navbar { -webkit-backdrop-filter: blur(22px) saturate(145%); backdrop-filter: blur(22px) saturate(145%); }
}

.bakery-site-header.is-scrolled { padding-top: .35rem; }
.bakery-site-header.is-scrolled .bakery-navbar { border-color: rgba(255, 255, 255, .68); background: rgba(255, 249, 240, .78); box-shadow: 0 .8rem 2rem rgba(56, 32, 24, .13); }


.bakery-navbar__brand { display: flex; align-items: center; max-width: 12rem; color: #382018; font-family: "Fraunces", Georgia, serif; font-size: 1.35rem; font-weight: 800; letter-spacing: -.045em; line-height: 1; text-decoration: none; }
.bakery-navbar__brand a { color: inherit; text-decoration: none; }
.bakery-navbar__brand i { color: #ffc83d; font-style: normal; }
.bakery-site-header .bakery-navbar__brand .custom-logo-link { display: block !important; }
.bakery-navbar__brand .custom-logo { display: block; width: auto; max-width: 10rem; height: 2.75rem; object-fit: contain; }
.bakery-navbar .navbar-nav { gap: .15rem; }
.bakery-navbar .nav-link { padding: .65rem .8rem; border-radius: .7rem; color: #382018; font-weight: 700; text-decoration: none; }
.bakery-navbar .nav-link:hover, .bakery-navbar .nav-link:focus-visible, .bakery-navbar .nav-link.active, .bakery-navbar .current-menu-item > .nav-link { color: #c84376; background: rgba(245, 140, 181, .14); }
.bakery-navbar__cta { margin: .5rem 0 .5rem 1rem; padding: .65rem 1rem; border-radius: 999px; font-weight: 700; white-space: nowrap; }
.bakery-navbar__cta span { margin-left: .25rem; }
.bakery-navbar__toggler { border: 1px solid rgba(56, 32, 24, .2); color: #382018; }
.bakery-navbar__toggler:focus { box-shadow: 0 0 0 .25rem rgba(200, 67, 118, .22); }

@media (max-width: 991.98px) {
  .bakery-navbar { border-radius: 1rem; }
  .bakery-navbar .navbar-collapse { padding-top: .75rem; }
  .bakery-navbar .navbar-nav { padding-bottom: .5rem; }
  .bakery-navbar .nav-link { padding: .7rem .2rem; border-radius: 0; }
  .bakery-navbar__cta { display: inline-flex; margin: .25rem 0 1rem; align-self: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .bakery-site-header, .bakery-navbar { transition: none; }
}