/* PixelCMS Header Scroll Contract v1.4 — appearance settings are authoritative; Header Builder owns layout. */
.pxth-builder-area[data-builder-area="header"]{
  position:relative;
  inset:auto;
  width:auto;
  z-index:20;
  margin:0;
  padding:0;
  transform:none;
  transition:
    background-color var(--pxth-header-transition,240ms ease),
    color var(--pxth-header-transition,240ms ease),
    box-shadow var(--pxth-header-transition,240ms ease);
}
.pxth-header-shell__container{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:var(--pxth-header-bg,#fff)!important;
  color:var(--pxth-header-color,#111827)!important;
}
html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"] > .pxth-header-shell__container{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
/* Sticky controls positioning only. */
body[data-pxth-header-sticky="1"].pxth-header-scrolled .pxth-builder-area[data-builder-area="header"]{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:var(--pxth-header-zindex,10050)!important;
}
/* Scroll background can work independently from sticky. */
body[data-pxth-header-change-bg="1"].pxth-header-scrolled .pxth-builder-area[data-builder-area="header"]{
  background:var(--pxth-header-bg-scroll,#fff)!important;
}
body[data-pxth-header-active="1"].pxth-header-scrolled .pxth-builder-area[data-builder-area="header"]{
  color:var(--pxth-header-color,#111827)!important;
  box-shadow:var(--pxth-header-shadow,none)!important;
  backdrop-filter:var(--pxth-header-blur,none);
  -webkit-backdrop-filter:var(--pxth-header-blur,none);
}
body[data-pxth-header-sticky="1"].pxth-header-scrolled .pxth-builder-area[data-builder-area="header"] > .pxth-header-shell__container,
body[data-pxth-header-change-bg="1"].pxth-header-scrolled .pxth-builder-area[data-builder-area="header"] > .pxth-header-shell__container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
}
body[data-pxth-header-sticky="1"].pxth-header-scrolled{
  padding-top:var(--pxth-header-runtime-height,0px);
}
html[data-edit="1"] .pxth-builder-area[data-builder-area="header"]{
  position:relative!important;
  inset:auto!important;
  z-index:20!important;
  transform:none!important;
}
@media(min-width:769px){
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"]
  [data-block-type="site-menu"],
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"]
  [data-block-type="site-menu"] .pxth-theme-menu,
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"]
  [data-block-type="site-menu"] nav,
  html:not([data-edit="1"]) .pxth-builder-area[data-builder-area="header"]
  [data-block-type="site-logo"]{
    visibility:visible!important;
    opacity:1!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .pxth-builder-area[data-builder-area="header"]{transition:none!important}
}