/* Compact mobile navigation, October 2026. */
.zabaan-mobile-page { display:none; }
@media (max-width: 1199px) {
 html body #masthead.header, html body #masthead.header.-sticky.showed, html body #masthead.header.-fixed {
  position:fixed!important; top:0!important; left:0!important; right:0!important;
  width:100%!important; height:64px!important; min-height:0!important;
  padding:0!important; margin:0!important; background:transparent!important;
  box-shadow:none!important; border:0!important; transform:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  z-index:1000; pointer-events:none;
 }
 body.admin-bar #masthead { top:46px!important; }
 body #masthead .header-wrap, body #masthead .header-wrap-inner {
  height:64px!important; min-height:0!important; max-width:none!important;
  margin:0!important; padding:0 12px!important; background:transparent!important;
  border:0!important; box-shadow:none!important;
 }
 body #masthead .header-wrap-inner { display:flex!important; justify-content:space-between!important; align-items:center!important; padding:0!important; }
 body #masthead .left-part, body #masthead .right-part {
  height:auto!important; min-height:0!important; background:transparent!important;
  border:0!important; box-shadow:none!important; margin:0!important; padding:0!important;
 }
 body #masthead .left-part { display:flex!important; align-items:center!important; min-width:0; max-width:calc(100% - 60px); }
 body.home #masthead .branding, body.home #masthead .branding .logo { width:90px!important; height:48px!important; max-height:48px!important; }
 html body.home #masthead.header .branding .logo img { min-height:0!important; min-width:0!important; max-width:90px!important; width:90px!important; height:48px!important; max-height:48px!important; }
 body #masthead .right-part { margin-left:auto!important; }
 body #masthead .subheader, body #masthead .menu-optional,
 body #masthead .desktop-hamburger { display:none!important; }
 body #masthead .mobile-hamburger {
  display:block!important; position:static!important; margin:0!important;
  padding:0!important; background:transparent!important; pointer-events:auto;
 }
 body #masthead .hamburger-button {
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:44px!important; height:44px!important; min-width:44px!important;
  padding:0!important; margin:0!important; border:1px solid rgba(20,20,20,.12)!important;
  border-radius:12px!important; background:rgba(245,245,245,.96)!important;
  color:#202020!important; box-shadow:none!important;
 }
 body #masthead .hamburger-button .hamburger-caption,
 body #masthead .hamburger-button .hamburger { display:none!important; }
 body #masthead .hamburger-button::before { content:none!important; }
 body #masthead .hamburger-button::after {
  content:""!important; display:block!important; width:20px!important; height:16px!important;
  position:static!important; transform:none!important; border:0!important; border-radius:0!important;
  background:linear-gradient(to bottom,currentColor 0 2px,transparent 2px 7px,currentColor 7px 9px,transparent 9px 14px,currentColor 14px 16px)!important;
 }
 body #masthead .branding { display:none!important; }
 body.home:not(.zabaan-nav-scrolled) #masthead .branding { display:block!important; pointer-events:auto; }
 body.home #masthead .branding .logo { display:block!important; }
 body.home #masthead .branding .logo-sticky, body.home #masthead .branding .logo-dynamic { display:none!important; }
 body.home #masthead .branding img { width:90px!important; height:48px!important; max-height:48px!important; object-fit:contain; }
 body #masthead .zabaan-mobile-page {
  display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  padding:8px 12px; border-radius:10px; background:rgba(245,245,245,.96);
  font-size:14px; line-height:20px; font-weight:600; color:#202020;
 }
 body.home:not(.zabaan-nav-scrolled) #masthead .zabaan-mobile-page { display:none; }
 body #content > .header-cap { height:64px!important; min-height:64px!important; padding:0!important; background:transparent!important; }
 body #site-navigation { pointer-events:auto; }
 body #site-navigation .current-menu-item > a { color:#e60091!important; }
 body #masthead .hamburger-button:focus-visible { outline:3px solid #e60091!important; outline-offset:3px; }
}