/* Scrap.Autos v5.6: compact header, stable full-viewport hero and single form CTA. */
[hidden] { display:none !important; }
/* Limit the edge gap; this supersedes the legacy 96px desktop rule. */
.sa-immersive-home .sa-header {
  position:fixed !important;
  top:clamp(5px,.7vh,8px) !important;
  left:clamp(6px,1.2vw,14px) !important;
  right:clamp(6px,1.2vw,14px) !important;
  max-width:none !important;
  border-radius:18px !important;
}
.sa-immersive-home .sa-header-inner { min-height:60px !important; }
body.admin-bar.sa-immersive-home .sa-header { top:calc(var(--wp-admin--admin-bar--height, 32px) + 6px) !important; }
/* Do not let a second strip of the page leak past the bottom of the hero. */
html:has(body.sa-immersive-home), body.sa-immersive-home { height:100%; max-height:100%; overflow:hidden !important; overscroll-behavior:none; }
body.sa-immersive-home main.sa-one-screen-home { position:relative; height:100svh !important; height:100dvh !important; min-height:0 !important; max-height:100dvh !important; overflow:clip !important; }
.sa-immersive-home .sa-story-cinema { height:100svh !important; height:100dvh !important; min-height:0 !important; max-height:100dvh !important; overflow:hidden !important; }
.sa-immersive-home .sa-story-cinema .sa-cinema-inner {
  box-sizing:border-box !important;
  height:100% !important;
  min-height:0 !important;
  padding-top:clamp(80px,11vh,105px) !important;
  padding-bottom:clamp(72px,10vh,97px) !important;
}
.sa-immersive-home .sa-story-cinema .sa-cinema-copy { max-height:100% !important; overflow-y:auto !important; overscroll-behavior:contain; scrollbar-width:thin; }
.sa-immersive-home .sa-story-cinema .sa-cinema-bottom { position:absolute !important; bottom:0 !important; max-width:100%; }
.sa-immersive-home .sa-story-cinema .sa-cinema-bottom-inner { box-sizing:border-box; }
/* One clear gold action; Back is a secondary text control, never a competing pill. */
.sa-modal .sa-form-actions-v56 { display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:13px; }
.sa-form-actions-v56 .sa-form-primary { width:100% !important; max-width:none !important; flex:1 1 auto !important; min-width:0 !important; min-height:50px !important; }
.sa-form-actions-v56 .sa-form-back { flex:0 0 auto; padding:10px 9px; background:transparent; border:none; color:var(--text,#eee); opacity:.85; font:inherit; font-size:.88rem; font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.sa-form-actions-v56 .sa-form-back:hover { opacity:1; }
.sa-form-actions-v56 .sa-form-back:focus-visible { outline:2px solid var(--gold,#d9ae70); border-radius:7px; outline-offset:2px; }
.sa-form-actions-v56 .sa-form-back[hidden] { display:none !important; }
.sa-help-guides { margin:19px 0 5px; padding-top:15px; border-top:1px solid var(--line,rgba(150,150,150,.2)); }
.sa-help-guides h3 { margin:0 0 10px; font-size:.9rem; }
.sa-help-guide-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.sa-help-guide-links a { color:var(--text,#fff); border:1px solid var(--line,rgba(150,150,150,.2)); border-radius:12px; padding:11px 12px; text-decoration:none; font-size:.8rem; line-height:1.4; background:var(--surface2,rgba(120,120,120,.06)); }
.sa-help-guide-links a span { color:var(--gold,#d9ae70); margin-left:3px; }
.sa-help-guide-links a:hover,.sa-help-guide-links a:focus-visible { border-color:var(--gold,#d9ae70); }
@media(max-width:700px) {
 .sa-immersive-home .sa-header { top:5px !important; left:5px !important; right:5px !important; border-radius:15px !important; }
 .sa-immersive-home .sa-header-inner { min-height:55px !important; }
 .sa-immersive-home .sa-story-cinema .sa-cinema-inner { padding-top:72px !important; padding-bottom:82px !important; }
 .sa-immersive-home .sa-story-cinema .sa-cinema-copy { max-height:100% !important; overflow-y:auto !important; }
 .sa-modal .sa-form-actions-v56 { gap:8px; }
 .sa-form-actions-v56 .sa-form-back { font-size:.82rem; padding:8px 4px; }
 .sa-help-guide-links { grid-template-columns:1fr; }
}
@media(max-height:620px) {
 .sa-immersive-home .sa-story-cinema .sa-cinema-inner { padding-top:70px !important; padding-bottom:65px !important; }
 .sa-immersive-home .sa-story-cinema .sa-cinema-copy { padding:14px 17px !important; }
}
@media(prefers-reduced-motion:reduce){.sa-immersive-home .sa-cinema-copy{scroll-behavior:auto!important}}
/* The legal links sit within the cinematic hero, not in a separate bright strip. */
.sa-immersive-home .sa-story-cinema .sa-cinema-bottom,
html[data-theme="light"] .sa-immersive-home .sa-story-cinema .sa-cinema-bottom {
 background:linear-gradient(0deg,rgba(3,8,13,.85),rgba(3,8,13,.33) 78%,rgba(3,8,13,0)) !important;
 border:0 !important;
 box-shadow:none !important;
}
.sa-immersive-home .sa-story-cinema .sa-proof-line,
.sa-immersive-home .sa-story-cinema .sa-legal-links a,
html[data-theme="light"] .sa-immersive-home .sa-story-cinema .sa-proof-line,
html[data-theme="light"] .sa-immersive-home .sa-story-cinema .sa-legal-links a { color:#f3f5f5 !important; text-shadow:0 1px 5px rgba(0,0,0,.7); }
.sa-immersive-home .sa-story-cinema .sa-story-disclosure{display:none !important;}
