/* Shared page components (page-intro, newsletter-signup), loaded globally alongside header.css/footer.css since these are reused across pages, not specific to one. Rules scoped under each component's own class -- no bare-element selectors (typography for h1/h2/h3/p inside these blocks is intentionally left to the theme's own global heading/paragraph rules, which already apply correctly sitewide -- see the footer nav-font lesson in MIGRATION.md Phase 2 for why fighting that cascade instead of relying on it caused bugs). */ /* "Back to Top" floating button (trx_addons_scroll_to_top) removed sitewide, 2026-08-22 direct request. Loaded globally here (not a page-specific stylesheet) since the parent theme injects this button on every page, not just the ones with their own CSS files. */ .trx_addons_scroll_to_top { display: none !important; } /* Sitewide accent-color override (2026-08-21, extended 2026-08-26). The parent theme defines its own accent as CSS custom properties on :root (confirmed in its compiled __custom.css, not guessed) and many of its own buttons/links pull their color from those variables rather than a hardcoded hex, which is why green kept showing up in places this theme's own CSS files never mention green at all. Redefining the variables here (loaded globally, after the theme's own stylesheet) means every consumer of them -- ours and the theme's own -- picks up the new accent automatically, instead of chasing individual foreign selectors one at a time. 2026-08-26 direct request: "why does that green keep showing up?" -- traced to the *base* (non-hover) pair, --theme-color-text_link / --theme-color-alter_link (both #34B478), which the 2026-08-21 fix never touched -- it only redefined the two *_hover variables because that was the specific bug being chased that day. Anything using the base variables for its resting/current state (the header nav's current-page indicator, the price slider's track before this file's own more specific override, the skip-links, the logo link) kept showing the original green regardless, since --theme-color-text_hover only applies on actual :hover. Redefining all four here at once closes that gap for good instead of finding the next one later. */ :root, body { /* :root alone isn't enough -- the theme re-declares these same variables again directly on (confirmed via computed style: document.documentElement resolved to this override correctly, document.body still resolved to the theme's original green). A custom property re-declared on a closer descendant always wins over whatever :root provides beneath it, regardless of selector specificity -- so it has to be redeclared here too, not just once. */ --theme-color-text_link: #75CABA !important; --theme-color-text_hover: #75CABA !important; --theme-color-alter_link: #75CABA !important; --theme-color-alter_hover: #75CABA !important; } .cwm-page-intro { background-color: #010101; padding: 60px 0; } .cwm-page-intro__inner { max-width: 1600px; margin: 0 auto; padding: 0 55px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .cwm-page-intro__images { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .cwm-page-intro__image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 15px; aspect-ratio: 3 / 4; } .cwm-page-intro__subtitle { color: #75CABA; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; } .cwm-page-intro__description { margin-top: 20px; color: #C3C0C0; font-size: 16px; line-height: 1.6; } .cwm-page-intro__button { display: inline-block; margin-top: 32px; padding: 16px 40px; background: #75CABA; color: #010101; text-decoration: none; font-weight: 700; border-radius: 30px; } .cwm-page-intro__button:hover { background: #ffffff; } .cwm-newsletter { background-color: #010101; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; text-align: center; } .cwm-newsletter__inner { max-width: 700px; margin: 0 auto; padding: 0 20px; } .cwm-newsletter__form { margin-top: 20px; } @media (max-width: 900px) { .cwm-page-intro__inner { grid-template-columns: 1fr; } }