/* av-nav.css — Scoped, non-invasive styles for drawer + hamburger */
.av-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,0.5);
  z-index: 9998; display: none;
}
.av-backdrop.av-show { display: block; }

.av-drawer {
  position: fixed; inset: 0 auto 0 0;
  width: 82vw; max-width: 320px;
  background: #2a2a2a; color: #fff;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 9999;
  padding: 18px;
  display: flex; flex-direction: column; gap: 6px;
  box-shadow: 12px 0 40px rgba(0,0,0,0.35);
}
.av-drawer.av-open { transform: translateX(0); }

.av-drawer-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px;
}
.av-close {
  background: transparent; border: none; color: #fff;
  font-size: 28px; line-height: 1; cursor: pointer;
}

.av-drawer a {
  color: #e6f0ff; text-decoration: none; padding: 12px 10px; border-radius: 10px;
}
.av-drawer a:hover, .av-drawer a.av-active {
  background: rgba(255,255,255,0.12); color: #fff;
}

/* Make common 3-bar icons white without touching the rest of the site */
[data-av-hamburger] .bar { display:block; width:24px; height:2px; margin:5px 0; background:#fff !important; border-radius:1px; }
[data-av-hamburger] svg { fill:#fff; stroke:#fff; }

/* Minimal placement: show hamburger on small screens only */
[data-av-hamburger] {
  display: none;
  background: transparent;
  border: 0;
  padding: 10px;
  cursor: pointer;
}
@media (max-width: 900px) {
  nav.site { position: relative; }
  [data-av-hamburger] { display: inline-flex !important; position: absolute; right: 16px; top: 10px; }
}
/* --- HOTFIX: hide existing horizontal nav on small screens --- */
@media (max-width: 900px) {
  [data-av-links] { display: none !important; }
  nav.site { position: relative; } /* keeps hamburger positioning stable */
}



/* === AV NAV FIX: force vertical layout in drawer and hide horizontal links on mobile === */
@media (max-width: 900px){
  [data-av-links]{ display:none !important; }
}
[data-av-drawer] [data-av-links]{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:1.2rem !important;
  padding:2rem !important;
}
[data-av-drawer] [data-av-links] a{
  display:block !important;
  width:100% !important;
}
/* Hamburger layout */
[data-av-hamburger]{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  width:28px !important;
  height:20px !important;
  background:transparent !important;
  border:0 !important;
}
[data-av-hamburger] .bar{
  width:100% !important;
  height:3px !important;
  border-radius:2px !important;
  background:#fff !important;
}