/*!
 * header-asset.css
 * Promptifi Core — Passive Header Compatibility Shim
 *
 * CODE STATUS: IDENTICAL CODE
 * SCOPE:
 * - gud-girl.com
 * - gud-boy.com
 *
 * TARGET:
 * HEADER-ASSET-DEPLOYER-AND-COMPONENTS/header.css/header-asset.css
 *
 * FULL FILE REWRITE — NO CODE FIELD / NO CONTAINMENT / NO HEADER CONFLICT
 *
 * SOURCE REVIEWED:
 * - Existing compatibility CSS provided by user. :contentReference[oaicite:0]{index=0}
 */

/* =========================================================
   PASSIVE ROOT SHIM
========================================================= */

.pf-header-asset{
  position:fixed !important;

  top:max(12px,env(safe-area-inset-top)) !important;
  left:50% !important;

  transform:translate3d(-50%,0,0) !important;

  z-index:2147483000 !important;

  display:grid !important;
  place-items:center !important;

  width:min(calc(100vw - 28px),1180px) !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  isolation:isolate !important;

  backface-visibility:hidden !important;

  pointer-events:auto !important;

  will-change:transform;
}

/* =========================================================
   RESERVED ZONE SHIM
========================================================= */

#promptifi-header-zone,
[data-header-zone="true"],
.promptifi-primary-home__header-zone{
  position:relative !important;

  width:100% !important;

  min-height:var(--pf-header-zone-height,220px) !important;
  height:var(--pf-header-zone-height,220px) !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  z-index:120 !important;
}

/* =========================================================
   VIEWER SAFETY
========================================================= */

#promptifi-viewer-zone,
[data-viewer-zone="true"],
.promptifi-primary-home__viewer-zone,
.pf-viewing-window,
.promptifi-viewing-window{
  position:relative !important;
  z-index:20 !important;
}

/* =========================================================
   STRUCTURE SHIM
========================================================= */

.pf-header-asset__shell,
.pf-header-asset__track,
.pf-header-asset__park-zone,
.pf-header-asset__container,
.pf-header-asset__skin-wrap{
  position:absolute !important;
  inset:0 !important;

  display:grid !important;
  place-items:center !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* =========================================================
   IMAGE SAFETY
========================================================= */

.pf-header-asset__skin,
.pf-header-asset img[data-header-image="true"]{
  position:relative !important;

  display:block !important;

  width:auto !important;
  height:auto !important;

  max-width:min(96%,1040px) !important;

  margin:0 auto !important;

  object-fit:contain !important;
  object-position:center center !important;

  transform:translateZ(0) !important;

  backface-visibility:hidden !important;

  user-select:none !important;
  -webkit-user-drag:none !important;
}

/* =========================================================
   LIGHTING SHIM
========================================================= */

.pf-header-asset__lighting,
.pf-header-asset__glass,
.pf-header-asset__glass-sheen,
.pf-header-asset__aura,
.pf-header-asset__status-light{
  pointer-events:none !important;
}

/* =========================================================
   REMOVE LEGACY CODE FIELD
========================================================= */

.pf-header-asset__code-field,
.pf-header-asset__code-viewport,
.pf-header-asset__code-line,
.pf-header-code-field,
.pf-header-code-line,
[data-header-code-field],
[data-header-code-line]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* =========================================================
   REMOVE LEGACY STREAMING EFFECTS
========================================================= */

.pf-header-asset--code-streaming,
.pf-header-asset--streaming,
.pf-header-asset--matrix{
  animation:none !important;
}

/* =========================================================
   ADMIN BAR
========================================================= */

.admin-bar .pf-header-asset{
  top:calc(32px + max(12px,env(safe-area-inset-top))) !important;
}

/* =========================================================
   RESPONSIVE SHIMS
========================================================= */

@media (max-width:900px){

  #promptifi-header-zone,
  [data-header-zone="true"],
  .promptifi-primary-home__header-zone{
    min-height:205px !important;
    height:205px !important;
  }
}

@media (max-width:782px){

  #promptifi-header-zone,
  [data-header-zone="true"],
  .promptifi-primary-home__header-zone{
    min-height:190px !important;
    height:190px !important;
  }

  .admin-bar .pf-header-asset{
    top:calc(46px + max(10px,env(safe-area-inset-top))) !important;
  }
}

@media (max-width:640px){

  #promptifi-header-zone,
  [data-header-zone="true"],
  .promptifi-primary-home__header-zone{
    min-height:168px !important;
    height:168px !important;
  }

  .pf-header-asset{
    width:calc(100vw - 14px) !important;
    border-radius:24px !important;
  }

  .pf-header-asset__skin-wrap{
    padding-inline:8px !important;
  }
}

@media (max-width:420px){

  #promptifi-header-zone,
  [data-header-zone="true"],
  .promptifi-primary-home__header-zone{
    min-height:156px !important;
    height:156px !important;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  .pf-header-asset,
  .pf-header-asset::before,
  .pf-header-asset::after,
  .pf-header-asset *,
  .pf-header-asset *::before,
  .pf-header-asset *::after{
    animation:none !important;
    transition:none !important;
  }
}