/* PixelCMS Header Layout Engine v1.3.36 — Four Manual-Overlap Header Modes */
.pxth-site-header{min-height:var(--pxth-header-height);transition:background-color var(--pxth-header-transition),color var(--pxth-header-transition),box-shadow var(--pxth-header-transition),transform var(--pxth-header-transition);box-sizing:border-box}
.pxth-site-header .grid{min-height:var(--pxth-header-height)}
body[data-pxth-header-active="1"] .pxth-site-header{position:relative;z-index:var(--pxth-header-zindex);margin-bottom:0}
body[data-pxth-header-active="1"] .pxth-site-header a{color:inherit}

/* Mode 1: Standard — Topbar + Header + Menu, legacy flow unchanged. */

/* Modes 2-4 hide Topbar only. Header remains in normal document flow. */
body[data-pxth-header-active="1"][data-pxth-header-mode="no_topbar"] > .topbar,
body[data-pxth-header-active="1"][data-pxth-header-mode="overlay"] > .topbar,
body[data-pxth-header-active="1"][data-pxth-header-mode="floating"] > .topbar{display:none!important}

/* Mode 2: Header + Menu in normal flow. */
body[data-pxth-header-active="1"][data-pxth-header-mode="no_topbar"] .pxth-site-header{background:var(--pxth-header-bg);color:var(--pxth-header-color);box-shadow:var(--pxth-header-shadow)}

/* Mode 3: Transparent Header + Menu in normal flow.
   To overlap a banner, set a negative Margin Top on that Section in Page Builder. */
body[data-pxth-header-active="1"][data-pxth-header-mode="overlay"] .pxth-site-header{background:transparent;color:var(--pxth-header-color-transparent);box-shadow:none;backdrop-filter:var(--pxth-header-blur);-webkit-backdrop-filter:var(--pxth-header-blur)}

/* Mode 4: Floating box in normal flow.
   To overlap a banner, set a negative Margin Top on that Section in Page Builder. */
body[data-pxth-header-active="1"][data-pxth-header-mode="floating"] .pxth-site-header{width:min(calc(100% - (var(--pxth-header-floating-margin) * 2)),var(--pxth-header-floating-max-width));margin:var(--pxth-header-floating-margin) auto 0;border-radius:var(--pxth-header-floating-radius);background:var(--pxth-header-bg);color:var(--pxth-header-color);box-shadow:var(--pxth-header-shadow);overflow:visible}

/* Optional sticky/scroll behavior remains available as an advanced option. */
body[data-pxth-header-active="1"].pxth-header-scrolled .pxth-site-header{position:fixed!important;left:0;right:0;top:0;margin:0!important;width:100%!important;max-width:none!important;border-radius:0!important;background:var(--pxth-header-bg-scroll)!important;color:var(--pxth-header-color)!important;box-shadow:var(--pxth-header-shadow)!important;backdrop-filter:var(--pxth-header-blur)}
body[data-pxth-header-active="1"].pxth-header-scrolled{padding-top:var(--pxth-header-height)}

@media(max-width:900px){
  .pxth-site-header,.pxth-site-header .grid{min-height:var(--pxth-header-height-tablet)}
  body[data-pxth-header-active="1"][data-pxth-header-mode="floating"] .pxth-site-header{width:calc(100% - 24px);margin:12px auto 0;border-radius:min(var(--pxth-header-floating-radius),28px)}
  body[data-pxth-header-active="1"].pxth-header-scrolled{padding-top:var(--pxth-header-height-tablet)}
}
@media(max-width:600px){
  .pxth-site-header,.pxth-site-header .grid{min-height:var(--pxth-header-height-mobile)}
  body[data-pxth-header-active="1"][data-pxth-header-mode="floating"] .pxth-site-header{width:calc(100% - 20px);margin:10px auto 0;border-radius:min(var(--pxth-header-floating-radius),22px)}
  body[data-pxth-header-active="1"].pxth-header-scrolled{padding-top:var(--pxth-header-height-mobile)}
}
@media(prefers-reduced-motion:reduce){.pxth-site-header{transition:none!important}}