|
|
@@ -1,4 +1,4 @@
|
|
|
-/* SRH static shell CSS — exported 2026-06-04 14:31 EDT
|
|
|
+/* SRH static shell CSS — exported 2026-06-04 17:03 EDT
|
|
|
Source: rendered <head> inline-CSS blocks + curated subset of
|
|
|
wp-content/themes/srh/style.css. Re-export via
|
|
|
_claude/_static-export/export.py. Asset URLs rewritten to
|
|
|
@@ -735,12 +735,24 @@ header,
|
|
|
.wp-block-template-part[data-area="header"] {
|
|
|
background: #ffffff !important;
|
|
|
box-shadow: none !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* Fixed header → body needs a static top-offset so content isn't hidden
|
|
|
- behind it. On the live site `auto-hide-nav.js` measures the header and
|
|
|
- sets `--header-height` (typically 80px desktop / 60px mobile); we ship
|
|
|
- without that JS, so pin the variable to a sensible static default. */
|
|
|
+ /* Un-fix the header for embed scenarios. The live SRH site uses
|
|
|
+ position:fixed + auto-hide-nav.js to scroll-hide the header and to
|
|
|
+ dynamically size --header-height. The bundle ships without that JS
|
|
|
+ AND lives inside a shadow root (Epic's prelogin shell) where the
|
|
|
+ compensating `body { padding-top: var(--header-height) }` rule has
|
|
|
+ no effect — `body` is in the document light DOM, not the shadow
|
|
|
+ tree, so the selector matches nothing inside the shadow stylesheet.
|
|
|
+ Net effect: fixed header → no body padding → page content slides
|
|
|
+ under the header. Making the header position:static keeps it in
|
|
|
+ normal flow, lets the host page lay everything out naturally. */
|
|
|
+ position: static !important;
|
|
|
+ top: auto !important;
|
|
|
+ transform: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* `--header-height` retained for any consumer that wants to know the
|
|
|
+ approximate header offset for their own layout calculations, but no
|
|
|
+ longer required for our own positioning. */
|
|
|
:root {
|
|
|
--header-height: 80px;
|
|
|
}
|
|
|
@@ -749,14 +761,10 @@ header,
|
|
|
--header-height: 60px;
|
|
|
}
|
|
|
}
|
|
|
-body {
|
|
|
- padding-top: var(--header-height) !important;
|
|
|
-}
|
|
|
|
|
|
/* Theme's CLS-prevention rule on <main> reserves 150px via
|
|
|
- `clamp(0px, var(--header-height, 150px), 200px)`. With our body
|
|
|
- padding-top already reserving the fixed-header space, that main
|
|
|
- padding doubles up and produces ~230px of dead space above content. */
|
|
|
+ `clamp(0px, var(--header-height, 150px), 200px)` to compensate for
|
|
|
+ the fixed header. Static header → no compensation needed. */
|
|
|
.wp-site-blocks > main {
|
|
|
padding-top: 0 !important;
|
|
|
}
|
