/* =============================================
   ART AGAINST EMPIRE - CUSTOM OVERRIDES
   Loads after style.css to guarantee precedence
   ============================================= */

/* === SMALLER NAVBAR === */
:root {
  --navbar-height: 3.2rem !important;
}

@media all and (min-width: 56.25em) {
  :root {
    --navbar-height: 3.8rem !important;
  }
}

.top .logo img {
  max-height: 2.4rem !important;
}

/* === MOBILE MENU FIX ===
   1. Align overlay top with actual navbar height (was hardcoded 4.4rem)
   2. Increase touch targets to 44px minimum (was ~9px padding)
   3. Prevent scroll-through and header jank while menu is open
   ======================================================== */

/* Fix overlay position to match custom navbar height */
.navbar_mobile_overlay {
  top: var(--navbar-height) !important;
  height: calc(100vh - var(--navbar-height)) !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* Bigger touch targets for episode links */
.navbar_mobile_overlay .navbar__menu li a,
.navbar_mobile_overlay .navbar__menu li span {
  padding: 0.875rem 1.5rem !important;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
}

/* Keep header locked in place while overlay is open */
html.no-scroll .top.js-header {
  position: fixed !important;
  top: 0 !important;
  width: 100%;
  z-index: 1002;
}

/* Prevent body scroll when menu is open (iOS Safari fix) */
html.no-scroll {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

/* Sidebar mode: same touch target fixes */
.navbar_mobile_sidebar .navbar__menu li a,
.navbar_mobile_sidebar .navbar__menu li .is-separator {
  padding: 0.875rem 1.5rem !important;
  min-height: 44px;
}