/* Theme Name: Susann Camus (child of optsus-base) Template: optsus-base Description: OptSus child theme for Susann Camus. Headlights design language (dark ink + bone + sun yellow + Anton display / Inter body). Generated from DTCG tokens then hand-tuned to the Susann-approved 2026-05-29 concept. Version: 0.26.2 Requires at least: 6.5 Requires PHP: 7.4 Author: OptSus Text Domain: susann-camus-child */ /* ----------------------------------------------------------------- v0.21.0 (2026-06-04): image-fidelity Stage B sub-task 1 - featured-image height cap per 2026-06-04 audit; fixes 11 oversized hero images on short-fiction posts (audit at _handoff/2026-06-04-susann-image-fidelity-audit.md, Step 5 sub-task 3 + Step 4 "Dominant pattern"). WHY: Source images on the 11 affected posts are square or near-square (1024x1024 on 6 posts; 1600x873 / 1600x907 / 1600x1067 / 1600x1085 / 1438x1162 / 1050x732 on the other 5). The theme inherits parent optsus-base v1.1.0 wideSize of 1400px with no child override (theme.json carries no layout block). The featured- image block renders alignwide, which on viewports >= 1400px means the image fills 1400px wide and (because no max-height is set) computes its height by intrinsic aspect ratio - producing a near- 1400x1400 square hero above each post body. Frank reported this 2026-06-04 ("images which are far too big for the UI"); the audit confirmed all 11 share the identical defect pattern. The fix caps rendered height to clamp(280px, 50vh, 540px) and uses object-fit: cover so any source aspect ratio crops to the capped envelope rather than dictating layout. Width stays 100% of the alignwide column so horizontal rhythm is unaffected. The same rule propagates to all 11 posts at once (single CSS surface) and protects future posts from re-introducing the defect. Per-source-aspect-ratio behavior under the cap at 1440 viewport: - 1024x1024 (6 posts): hero renders 1400 wide x 540 tall, image cropped vertically (top + bottom slivers lost; centered crop). - 1600x1067 (rules-rules-rules): 1400 x 540, vertical crop tighter than source intent but still subject-readable. - 1600x873 / 1600x907 (audience-attention, fake-it): 1400 x ~764 intrinsic would have rendered; cap clips to 540. Source images are already landscape so cap is the intended behavior. - 1600x1085 (goth-garden): same as rules. - 1438x1162 (intern-gardener): cap clips ~302px of vertical content; subject occupies center band, acceptable. - 1050x732 (whos-the-boss): 1400 x ~976 intrinsic; cap clips to 540. Baxter (dog) sits center-frame per source crop. No defects flagged from per-image inspection - all 11 source crops keep the primary subject in the center band that survives the cover-crop. If a post later needs a different focal point, add an `object-position` rule scoped to that post id (out of scope for this sweep). Audit also recommended tightening the `sizes` attribute (currently `100vw` over-delivers bytes). NOT a CSS fix - requires a PHP filter on `wp_calculate_image_sizes`. Deferred to a follow-up sub-task; not blocking the visual defect. v0.20.0 (2026-06-01): version bumped on disk for cache-bust only; no changelog entry was written. Banner here documents the gap. ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- v0.19.0 (2026-06-01): Builder Sprint 6 - design upgrade for the 5 new pages (/about, /jeannie-johal-thrillers, /press, /see-me, /bless-your-heart) so they read at the same visual quality as the approved homepage. Frank's correction: "The pages you just built for Susann look like garbage." Diagnosis (full table in _handoff/sprint6/visual-diagnosis.md): the new pages were structurally complete but visually under-treated. Each section was a flat ink slab with eyebrow + H2 + body, no atmospheric backdrop on the hero band, no section dividers, no left-rule accent on H2s without a portrait, no halo on book covers in the detail pages, no stats anchor on the press page, no warm-card treatment on the press kit or book-page series CTA. Sprint 6 rules (additive only - no rule deletions; namespaced .sc-* selectors so nothing leaks to the homepage): 1. .sc-hero-band - radial sun-yellow glow + linear ink-darken gradient applied to every page hero shell (matches comp .hero background at lines 122-126). Subtle - 0.05 alpha so it whispers, not shouts. 2. .sc-section - 1px hairline top border between major sections (matches comp .section border-top at line 241). The page rhythm now reads as deliberately punctuated rather than one long undifferentiated tube. 3. .sc-accent-rule - sun-yellow 2px left rule on H2s that don't sit beside an image (Protagonist, Geography, Gardens, etc.). Anchors the heading the same way .sc-stat anchors a number. 4. .sc-about__headshot-frame ::before - sun-yellow offset rectangle behind the About headshot, mirroring the comp .author__portrait-wrap::before at lines 377-383. The signature warm-frame device the homepage Author block uses. 5. .sc-book__cover img - sun-yellow halo box-shadow (same recipe as the homepage hero cover halo). Reverses the original "no halo on book detail pages" call - the book detail IS the page that most deserves the Headlights metaphor. 6. .sc-book__subtitle - tightened typography (smaller, more tracked, more breathing room above + below). 7. .sc-book__details - dl grid: 2-col, uppercase Inter 700 warm-brown labels, bone Inter values, hairline dividers between rows. Replaces the unstyled browser-default dt/dd. 8. .sc-press__downloads-card and .sc-book__series-cta-card - warm-brown linear-gradient card wrappers (same treatment as the homepage lead-magnet card at concept line 509). 9. .sc-press__stats - new stat row on /press (3 oversized Anton numerals + sun-yellow left rules) reusing the existing .sc-stat rule family. 10. .sc-about__links a - explicit border-style hover so the social link list reads as actionable, not decorative. Tokens used (all already in theme.json): ink #0B0B0F bone #F5F2EA sun #FBE71F hairline #3A372E (--wp--preset--color--hairline) warm-brown rgba(122,74,46,0.08) (matches comp lead-magnet card) Anton display + Inter body (no new fonts) spacing presets (no new spacing tokens) No theme.json change. No deletions. No new fonts or colors. ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- v0.18.0 (2026-06-01): Builder Sprint 5.7 - menu visual refit into the approved Headlights design language (Frank flagged Sprint 5 nav as "looks terrible"). Structure unchanged: 5 top-level items (Home, Books, The Writing Life, About, Press); two submenus retained. Diagnosis of the Sprint 5 ugliness: a. Submenu inheritance bug. The v0.6.0 rule `.sc-header__nav ul` (descendant combinator) cascaded `display:flex; uppercase; letter-spacing:0.14em` to the submenu UL as well as the top UL. Submenus rendered as a horizontal stripe of cramped uppercase labels under WP core's default white drop panel. b. Submenu panel inherited core defaults (white background, ink links, default underlines on focus). Out of language. c. Submenu caret (WP's `wp-block-navigation__submenu-icon` button SVG) rendered in browser-default near-black on the ink header strip - effectively invisible. d. Top-level gap clamp bottomed at 16px - tighter than the 24px desktop minimum the design language calls for. e. Mobile breakpoint: v0.6.0 hid the nav entirely below 640px with no replacement. The Sprint 5 markup carries WP's responsive overlay (overlayMenu:"mobile") which on WP 6.6 kicks in around 600px; the hamburger button was unstyled (default light glyph on dark) and the overlay panel inside was bone-on-bone-ish from core defaults. Fixes (this block; nothing outside `.sc-header*` selectors): 1. Top-level container scoped with the direct-child combinator so submenu ULs no longer inherit the horizontal-strip layout. .sc-header__nav > div > ul, .sc-header__nav > ul WP 6.6 wraps the top UL either directly under the