/* ──────────────────────────────────────────────────────────
   navbar-sticky.css — Garantizar navbar sticky SOLO en sitio público
   (NO afecta al admin que tiene su propio layout)
   ────────────────────────────────────────────────────────── */

/* ── Sitio público: html/body con overflow-x clip (permite sticky) ── */
html { overflow-x: clip; }
body:not(.admin-body) {
  overflow-x: clip;
  overflow-y: auto;
  position: relative;
}

/* ── SITE-HEADER (brandbar + navbar) sticky — bajan JUNTOS con scroll ── */
body:not(.admin-body) .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: var(--bg);
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: box-shadow var(--t-fast);
}

/* Sombra sutil cuando se hace scroll */
body:not(.admin-body) .site-header.is-scrolled {
  box-shadow: 0 4px 20px -8px rgba(11, 37, 69, 0.15);
}

/* Navbar deja de ser sticky individual — vive dentro de .site-header */
body:not(.admin-body) .navbar {
  position: static !important;
  z-index: auto !important;
  background: var(--bg) !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* main del sitio público con overflow visible */
body:not(.admin-body) main { overflow: visible !important; padding: 0 !important; margin: 0 !important; }

/* ── Admin layout: garantizar que NO se rompa ── */
body.admin-body {
  overflow-x: auto;     /* sin clip que pueda romper grid */
  overflow-y: auto;
  position: static;
}
body.admin-body .admin-shell {
  display: grid;
  grid-template-columns: 260px 1fr;
  min-height: 100vh;
  overflow: visible;
}
body.admin-body .admin-main {
  overflow: visible;
  min-width: 0;          /* permite que el contenido grid se ajuste */
}
@media (max-width: 880px) {
  body.admin-body .admin-shell { grid-template-columns: 1fr; }
}

/* Mobile menu del sitio público */
@media (max-width: 980px) {
  body:not(.admin-body) .navbar__menu.is-open {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
  }
}