/* Vargas Arts shared navigation system
   One source of truth for gallery/interior page navbars.

   This file matches the visual scale of the Home navbar while keeping
   hover and active glow effects separate from the sizing reset.
*/

:root {
  --va-black: #050505;
  --va-gold: #d4af37;
  --va-gold-light: #f3d979;
  --va-white: #f8f3e9;
  --va-nav-border: rgba(212, 175, 55, .18);
}

.navbar.va-nav,
.navbar.navx {
  min-height: 68px !important;
  padding: .95rem 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  background: rgba(5, 5, 5, .92) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--va-nav-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: none !important;
  animation: none !important;
}

.navbar.va-nav,
.navbar.navx,
.navbar.va-nav *,
.navbar.navx * {
  box-sizing: border-box !important;
  animation: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.navbar.va-nav .navbar-brand,
.navbar.navx .navbar-brand,
.navbar .va-brand,
.navbar .brand {
  color: var(--va-gold-light) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: .98rem !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  line-height: 1.2 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-right: 1rem !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transform: none !important;
  text-shadow: none !important;
}

.navbar.va-nav .nav-link,
.navbar.navx .nav-link,
.navbar.va-nav .navbar-nav .nav-item .nav-link,
.navbar.navx .navbar-nav .nav-item .nav-link {
  color: rgba(248, 243, 233, .86) !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: .74rem !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  line-height: 1.35 !important;
  padding: .35rem .45rem !important;
  margin-left: .35rem !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transform: none !important;
  scale: 1 !important;
  zoom: 1 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 999px !important;
  outline: 1px solid transparent !important;
  outline-offset: -1px !important;
  transition: color .18s ease, background .18s ease, box-shadow .18s ease, outline-color .18s ease !important;
}

.navbar.va-nav .nav-link:focus,
.navbar.navx .nav-link:focus,
.navbar.va-nav .nav-link:focus-visible,
.navbar.navx .nav-link:focus-visible,
.navbar.va-nav .navbar-toggler:focus,
.navbar.navx .navbar-toggler:focus,
.navbar.va-nav .navbar-toggler:focus-visible,
.navbar.navx .navbar-toggler:focus-visible {
  outline: 1px solid transparent !important;
  outline-offset: -1px !important;
}

.navbar.va-nav .nav-link:hover,
.navbar.navx .nav-link:hover,
.navbar.va-nav .nav-link:focus,
.navbar.navx .nav-link:focus,
.navbar.va-nav .navbar-nav .nav-item .nav-link:hover,
.navbar.navx .navbar-nav .nav-item .nav-link:hover,
.navbar.va-nav .navbar-nav .nav-item .nav-link:focus,
.navbar.navx .navbar-nav .nav-item .nav-link:focus {
  color: var(--va-gold-light) !important;
  background: linear-gradient(135deg, rgba(243, 217, 121, .2), rgba(212, 175, 55, .08)) !important;
  box-shadow: inset 0 0 0 1px rgba(243, 217, 121, .48), 0 0 16px rgba(212, 175, 55, .4) !important;
  text-shadow: 0 0 9px rgba(243, 217, 121, .42) !important;
  outline-color: rgba(243, 217, 121, .45) !important;
}

.navbar.va-nav .nav-link.active,
.navbar.navx .nav-link.active,
.navbar.va-nav .active > .nav-link,
.navbar.navx .active > .nav-link,
.navbar.va-nav .navbar-nav .nav-item .nav-link.active,
.navbar.navx .navbar-nav .nav-item .nav-link.active,
.navbar.va-nav .navbar-nav .nav-item.active > .nav-link,
.navbar.navx .navbar-nav .nav-item.active > .nav-link {
  color: var(--va-gold-light) !important;
  background: linear-gradient(135deg, rgba(243, 217, 121, .3), rgba(212, 175, 55, .12)) !important;
  box-shadow: inset 0 0 0 1px rgba(243, 217, 121, .68), 0 0 18px rgba(212, 175, 55, .56), 0 0 34px rgba(212, 175, 55, .22) !important;
  text-shadow: 0 0 11px rgba(243, 217, 121, .56) !important;
  outline-color: rgba(243, 217, 121, .62) !important;
}

.navbar.va-nav .navbar-toggler,
.navbar.navx .navbar-toggler,
.navbar-toggler {
  border: 1px solid rgba(212, 175, 55, .36) !important;
  border-radius: 10px !important;
  padding: .45rem .65rem !important;
  line-height: 1 !important;
  background: transparent !important;
  transition: none !important;
  animation: none !important;
}

.navbar-toggler-icon-line,
.bar {
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  margin: 4px 0 !important;
  background: var(--va-gold-light) !important;
}

@media (max-width: 991px) {
  .navbar.va-nav .navbar-collapse,
  .navbar.navx .navbar-collapse {
    margin-top: .8rem !important;
    padding: 1rem !important;
    border: 1px solid rgba(212, 175, 55, .28) !important;
    border-radius: 18px !important;
    background: #050505 !important;
  }

  .navbar.va-nav .nav-link,
  .navbar.navx .nav-link,
  .navbar.va-nav .nav-link.active,
  .navbar.navx .nav-link.active,
  .navbar.va-nav .active > .nav-link,
  .navbar.navx .active > .nav-link {
    margin-left: 0 !important;
    padding: .7rem .6rem !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 680px) {
  .navbar.va-nav .navbar-brand,
  .navbar.navx .navbar-brand,
  .navbar .va-brand,
  .navbar .brand {
    font-size: .98rem !important;
    letter-spacing: .13em !important;
    max-width: calc(100vw - 112px) !important;
    overflow: hidden !important;
  }
}