/* =========================================================
   CLIPHORIUM NAV MOBILE FIX CSS V12 (NO PUSH DOWN + CLEAN OPEN)
   ========================================================= */

/* Kill any spacer/wrap that might be pushing the page down */
.ch-nav-spacer,
.ch-nav-wrap{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Do NOT let random global CSS add top padding/margins */
body{
  padding-top: 0 !important;
}

/* Header placement — higher + consistent */
header.ch-nav{
  position: sticky !important;
  top: 8px !important;
  z-index: 9999 !important;
  margin: 8px auto 0 auto !important;
}

/* Mobile behavior */
@media (max-width: 980px){
  header.ch-nav .ch-nav-burger{
    display:inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  header.ch-nav .ch-nav-links{
    display:none !important;
    width:100% !important;
    margin-top: 12px !important;
    justify-content:flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  header.ch-nav.is-open .ch-nav-links{
    display:flex !important;
  }
}