/* Shared navigation across the website. */
.site-navigation.navbar { height: 58px; min-height: 58px; padding: 0 clamp(12px, 2vw, 32px); background: #fff; border-bottom: 1px solid #e0e5ec; box-shadow: 0 3px 16px rgb(22 35 57 / 5%); color: #253244; }
.site-navigation .navbar-brand { display: inline-flex; align-items: center; margin: 0; padding: 0 !important; line-height: 1; }
.site-navigation .navbar-brand img { object-fit: contain; }
.site-navigation .navbar-nav { align-items: center; gap: 6px; }
.site-navigation .nav-link { display: flex; align-items: center; gap: 7px; min-height: 38px; padding: 9px 13px !important; border: 0; border-radius: 10px; color: #607086 !important; font-size: .82rem; font-weight: 650; line-height: 1.4 !important; transition: background .15s, color .15s; }
.site-navigation .nav-link i { color: #7b8da5; font-size: .9rem; }
.site-navigation .nav-link:hover, .site-navigation .nav-link:focus, .site-navigation .nav-link.show { background: #f2f5f9; color: #405d7e !important; }
.site-navigation .nav-item.active > .nav-link, .site-navigation .nav-link.active { background: #edf2f7; color: #405d7e !important; }
.site-navigation .nav-link.active i, .site-navigation .nav-item.active > .nav-link i { color: #536f94; }
.site-navigation .dropdown-toggle::after { margin-left: 3px; vertical-align: middle; border-width: 4px; opacity: .6; }
.site-navigation .icon-small { width: 23px; height: 17px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgb(22 35 57 / 10%); }
.site-navigation .dropdown-menu { margin-top: 10px; padding: 8px; border: 1px solid #e0e5ec; border-radius: 14px; background: #fff; box-shadow: 0 12px 30px rgb(22 35 57 / 12%); min-width: 230px; }
.site-navigation .dropdown-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; color: #526071; font-size: .8rem; line-height: 1.5; }
.site-navigation .dropdown-item i { width: 18px; color: #8290a2; text-align: center; }
.site-navigation .dropdown-item:hover, .site-navigation .dropdown-item:focus, .site-navigation .dropdown-item.active { background: #edf2f7; color: #405d7e; }
.site-navigation .dropdown-divider { margin: 6px 8px; border-color: #e8edf3; }
.site-navigation .site-nav-favorites { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; margin: 0 0 0 6px !important; padding: 8px 11px; border: 1px solid #eddce0; border-radius: 10px; background: #fbf0f2; color: #bf4257; font-size: .85rem; line-height: 1; }
.site-navigation .site-nav-favorites:hover { background: #f5e1e6; border-color: #e4c4cc; color: #ac354a; }
.site-navigation .badge { background: #fff !important; color: #8b5a66 !important; font-size: .65rem; border-radius: 5px; padding: 3px 5px; }
.site-navigation .navbar-toggler { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 8px 10px; border: 1px solid #dce4ed; border-radius: 10px; background: #f4f7fa; color: #405d7e; font-size: .8rem; font-weight: 650; line-height: 1; }
.site-navigation .navbar-toggler:focus { box-shadow: 0 0 0 3px #e1e9f3; }
.site-navigation a:focus-visible, .site-navigation button:focus-visible { outline: 2px solid #536f94; outline-offset: 2px; }
@media (min-width: 992px) {
  .site-navigation .navbar-toggler { display: none; }
  .site-navigation .navbar-collapse { overflow: visible !important; max-height: none !important; }
}
@media (max-width: 991.98px) {
  .site-navigation .navbar-collapse { position: absolute; top: 66px; left: 12px; right: 12px; padding: 12px; border: 1px solid #e0e5ec; border-radius: 14px; background: #fff; box-shadow: 0 12px 30px rgb(22 35 57 / 14%); max-height: calc(100dvh - 86px) !important; overflow-y: auto; overscroll-behavior: contain; }
  .site-navigation .navbar-nav { align-items: stretch; gap: 4px; }
  .site-navigation .nav-link { min-height: 44px; padding: 12px !important; }
  .site-navigation .dropdown-menu { position: static; margin: 4px 0 8px; box-shadow: none; background: #f8fafc; border-color: #e8edf3; }
  .site-navigation #my-account-dropdown { display: grid !important; }
  .site-navigation .dropdown-item { min-height: 42px; white-space: normal; }
}
@media (max-width: 359.98px) {
  .site-navigation .navbar-brand img { width: 140px !important; height: auto !important; }
  .site-navigation .navbar-toggler { padding-inline: 8px; }
  .site-navigation .site-nav-favorites { padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) { .site-navigation .nav-link { transition: none; } }

/* Keep the MiamMiam dark identity, with a compact mobile menu. */
.site-navigation.navbar { background: #101113; border-bottom-color: #26282d; box-shadow: 0 3px 16px rgb(0 0 0 / 12%); }
.site-navigation .nav-link { color: #c8ced7 !important; }
.site-navigation .nav-link i { color: #9da7b6; }
.site-navigation .nav-link:hover, .site-navigation .nav-link:focus, .site-navigation .nav-link.show,
.site-navigation .nav-item.active > .nav-link, .site-navigation .nav-link.active { background: #272a30; color: #fff !important; }
.site-navigation .nav-link.active i, .site-navigation .nav-item.active > .nav-link i { color: #d0d8e3; }
.site-navigation .navbar-toggler { border-color: #363940; background: #25282e; color: #edf0f5; }
.site-navigation .navbar-toggler:focus { box-shadow: 0 0 0 3px #3b414c; }
.site-navigation .site-nav-favorites { border-color: #573039; background: #332028; color: #f08d9e; }
.site-navigation .site-nav-favorites:hover { background: #482a34; border-color: #73404c; color: #ffb4c0; }
.site-navigation .site-nav-favorites .badge { background: #4b2e38 !important; color: #f5dce2 !important; }
@media (max-width: 991.98px) {
  .site-navigation .navbar-collapse { top: 58px; left: 0; right: 0; padding: 14px 16px 18px; border: 0; border-top: 1px solid #2d3037; border-radius: 0 0 16px 16px; background: #17191d; box-shadow: 0 12px 24px rgb(0 0 0 / 22%); max-height: calc(100dvh - var(--header-h, 58px) - max(var(--bottom-gap, 0px), env(safe-area-inset-bottom, 0px)) - 12px) !important; }
  .site-navigation .navbar-nav { gap: 3px; }
  .site-navigation .nav-link { margin-top: 0; }
  .site-navigation .navbar-nav > .nav-item:first-child { order: 5; border-top: 1px solid #30333a; margin-top: 12px; padding-top: 7px; }
  .site-navigation #userDropdown { display: none; }
  .site-navigation .site-nav-account-label { display: block; margin: 12px 12px 7px; color: #8993a3; font-size: .65rem; font-weight: 700; letter-spacing: .06em; }
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-divider { display: none; }
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-item { min-width: 0; min-height: 44px; gap: 8px; padding: 10px; border-radius: 9px; color: #d0d6df; font-size: .76rem; }
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-item:hover,
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-item.active { background: #292d34; color: #fff; }
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] .dropdown-item i { color: #929fb2; }
  .site-navigation .dropdown-menu[aria-labelledby="userDropdown"] .badge { background: #30343c !important; color: #ccd5e3 !important; }
  .site-navigation .dropdown-menu:not([aria-labelledby="userDropdown"]) { background: #24272e; border-color: #363b45; }
  .site-navigation .dropdown-menu:not([aria-labelledby="userDropdown"]) .dropdown-item { color: #d0d6df; }
  .site-navigation .dropdown-menu:not([aria-labelledby="userDropdown"]) .dropdown-item:hover,
  .site-navigation .dropdown-menu:not([aria-labelledby="userDropdown"]) .dropdown-item.active { background: #363c46; color: #fff; }
}