. */ .cook-text-eyebrow, .cook-text-label { font-family: 'Cabin', sans-serif; font-size: var(--cook-text-sm); /* 13px */ color: var(--cook-text-muted); /* #5E5E5E, WCAG AA on white */ margin: 0; } .cook-text-lede { font-family: 'Cabin', sans-serif; font-size: var(--cook-text-xl); /* 20px */ font-weight: 400; line-height: 1.5; color: inherit; /* red-hero scope → white; light surfaces → body color */ margin: 0; } .elementor-widget.cook-text-lede .elementor-heading-title { font-family: 'Cabin', sans-serif; font-size: var(--cook-text-xl); font-weight: 400; line-height: 1.5; color: inherit; margin: 0; } .cook-text-eyebrow { font-weight: var(--cook-font-weight-semibold); /* 600 */ text-transform: uppercase; letter-spacing: 0.5px; } .cook-text-label { font-weight: 400; } /* Elementor heading-widget wrapper variants — class lands on .elementor-widget, inner
inherits font; color/transform target the rendered element. */
.elementor-widget.cook-text-eyebrow .elementor-heading-title,
.elementor-widget.cook-text-label .elementor-heading-title {
font-family: 'Cabin', sans-serif;
font-size: var(--cook-text-sm);
color: var(--cook-text-muted);
margin: 0;
}
.elementor-widget.cook-text-eyebrow .elementor-heading-title {
font-weight: var(--cook-font-weight-semibold);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.elementor-widget.cook-text-label .elementor-heading-title {
font-weight: 400;
}
/* .cook-tagline — card marketing hook ("Our #1 Selling Shed", "Built for Gardeners").
Narrow documented exception to "red reserved for CTAs + h1/h2" — card editorial
tagline is a recurring component pattern, not ornamental color.
Cabin 600 / 14px / Cook red. Red-on-white = 5.8:1 (WCAG AA). */
.cook-tagline,
.elementor-widget.cook-tagline .elementor-widget-container > *,
.elementor-widget.cook-tagline .elementor-widget-container p {
font-family: 'Cabin', sans-serif;
font-weight: var(--cook-font-weight-semibold, 600);
font-size: var(--cook-text-sm, 0.8125rem);
color: var(--cook-red, #BA2031);
margin: 0;
line-height: 1.4;
}
/* Loop-item card title convention — uppercase, dark, tracked.
Scopes to Elementor Loop Grid items (.e-loop-item rendered by loop widget).
Replaces per-widget typography overrides that were cleared during kdlp. */
.e-loop-item .elementor-widget-heading .elementor-heading-title {
text-transform: uppercase;
color: var(--cook-dark, #373737);
letter-spacing: 0.02em;
}
/* ===== Callouts (Phase E / p91g) =====
Contextual notices for in-page info/warnings/errors/success.
Left-border + tinted bg + strong title. Use sparingly. */
.cook-callout {
display: flex;
gap: var(--cook-space-3);
padding: var(--cook-space-3) var(--cook-space-4);
border-left: 4px solid var(--cook-border);
border-radius: var(--cook-radius-sm);
background: var(--cook-neutral-100);
color: var(--cook-text);
font-size: var(--cook-text-sm);
line-height: 1.5;
margin: var(--cook-space-4) 0;
}
.cook-callout__icon {
flex-shrink: 0;
width: 20px;
height: 20px;
font-size: 1.125rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.cook-callout__body { flex: 1; min-width: 0; }
.cook-callout__title {
display: block;
font-family: 'Roboto Slab', serif;
font-weight: var(--cook-font-weight-bold);
font-size: var(--cook-text-base);
color: inherit;
margin: 0 0 var(--cook-space-1);
}
.cook-callout p { margin: 0; }
.cook-callout p + p { margin-top: var(--cook-space-2); }
.cook-callout--info { border-left-color: #2B6CB0; background: #EBF4FB; color: #1A365D; }
.cook-callout--success { border-left-color: #2F855A; background: #E6F4EC; color: #1C4532; }
.cook-callout--warning { border-left-color: #B7791F; background: #FEF5E7; color: #744210; }
.cook-callout--error { border-left-color: var(--cook-red); background: #FDECEE; color: #742027; }
.cook-callout--info .cook-callout__icon { color: #2B6CB0; }
.cook-callout--success .cook-callout__icon { color: #2F855A; }
.cook-callout--warning .cook-callout__icon { color: #B7791F; }
.cook-callout--error .cook-callout__icon { color: var(--cook-red); }
/* ===== Tables (Phase E / p91g) =====
Baseline data table. Opt-in stripes via .cook-table--striped. */
.cook-table {
width: 100%;
border-collapse: collapse;
font-size: var(--cook-text-sm);
line-height: 1.5;
color: var(--cook-text);
}
.cook-table th,
.cook-table td {
text-align: left;
padding: var(--cook-space-3) var(--cook-space-4);
border-bottom: 1px solid var(--cook-border-subtle);
vertical-align: top;
}
.cook-table th {
font-family: 'Roboto Slab', serif;
font-weight: var(--cook-font-weight-bold);
font-size: var(--cook-text-xs);
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--cook-text-muted);
background: var(--cook-neutral-100);
border-bottom: 2px solid var(--cook-border);
}
.cook-table--striped tbody tr:nth-child(even) {
background: var(--cook-neutral-100);
}
.cook-table tbody tr:hover { background: rgba(186, 32, 49, 0.04); }
/* ===== Dividers ===== */
.cook-hr,
hr.cook-hr {
border: 0;
border-top: 1px solid var(--cook-border-subtle);
margin: var(--cook-space-6) 0;
}
.cook-hr--strong { border-top-color: var(--cook-border); }
.cook-hr--red { border-top: 2px solid var(--cook-red); }
/* ===== Links (Phase E / p91g) =====
Inline body-text links + standalone variants (back-arrow / external).
Use .cook-btn--link for link-styled actions in button contexts. */
.cook-link {
color: var(--cook-red);
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
transition: color var(--cook-transition-fast);
}
.cook-link:hover { color: var(--cook-red-hover); text-decoration-thickness: 2px; }
.cook-link:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--cook-red);
border-radius: 2px;
}
.cook-link--back::before { content: "\2190\00a0"; } /* ← + nbsp */
/* Editorial body links (text-editor widget paragraphs) — auto-underline + Cook red.
Hello Elementor parent leaves links at #cc3366 (2.5:1 vs body #333) without underline,
failing WCAG 1.4.1 (color alone) + 1.4.3 (contrast). Scope to text-editor body so we
don't catch Elementor-styled UI links (buttons, nav, etc.). :where() keeps specificity
low so red-hero / dark-hero scopes still win for inverted contexts.
2026-05-07 emda — fixes /contact-us/ + /shed-styles/.../12x24/ link-in-text-block. */
:where(.elementor-widget-text-editor p, .elementor-widget-theme-post-content p, .cook-text-lede p) a:not(.cook-btn):not(.elementor-button):not(.cook-link--back) {
color: var(--cook-red, #BA2031);
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
}
:where(.elementor-widget-text-editor p, .elementor-widget-theme-post-content p) a:not(.cook-btn):not(.elementor-button):hover {
color: var(--cook-red-hover, #D41A34);
text-decoration-thickness: 2px;
}
/* === External-link icon policy ===
Any link flagged as external (target="_blank", .cook-link--external class,
or rel~="external") gets a trailing "arrow-out-of-box" icon via CSS mask.
Opts-out: buttons (.cook-btn, .elementor-button), back links, image-only links,
and same-page anchors. Icon color inherits currentColor via mask technique.
SVG data URI avoids network request + scales cleanly at any font-size. */
:where(
a[target="_blank"],
a.cook-link--external,
a[rel~="external"]
):not(.cook-btn):not(.elementor-button):not(.cook-link--back):not(:has(> img:only-child))::after {
content: "";
display: inline-block;
width: 0.75em;
height: 0.75em;
margin-inline-start: 0.25em;
vertical-align: -0.08em;
background-color: currentColor;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
flex-shrink: 0;
}
/* Legacy .cook-link--external glyph removed in favor of SVG icon above.
Kept the class active so editor usage continues to work as a deliberate signal. */
/* ===== Feature List ===== */
.cook-feature-list { list-style: none; padding: 0; }
.cook-feature-list li {
padding: 8px 0 8px 28px;
position: relative;
border-bottom: 1px solid var(--cook-border);
line-height: 1.5;
}
.cook-feature-list li::before {
content: '\2713';
position: absolute;
left: 0;
color: var(--cook-red);
font-weight: 700;
}
/* ===== Size Pills ===== */
.cook-size-pill {
display: inline-block;
padding: 8px 16px;
margin: 4px;
background: var(--cook-bg-secondary);
color: var(--cook-text-primary);
border: 1px solid var(--cook-border);
border-radius: var(--cook-radius-sm);
font-weight: 600;
font-size: 0.9rem;
min-height: 44px;
line-height: 28px;
}
/* ===== Spec Row ===== */
.cook-spec-row {
display: flex;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid var(--cook-border);
}
.cook-spec-label { color: var(--cook-text-secondary); }
.cook-spec-value { font-weight: 600; color: var(--cook-text-primary); }
/* ===== Cards ===== */
.cook-card {
background: var(--cook-bg-primary);
border: 1px solid var(--cook-border);
border-radius: var(--cook-radius-md);
overflow: hidden;
box-shadow: var(--cook-shadow-card);
transition: box-shadow var(--cook-transition-fast), transform var(--cook-transition-fast);
}
.cook-card:hover {
box-shadow: var(--cook-shadow-card-hover);
transform: translateY(-2px);
}
/* ===== Dark Mode Toggle ===== */
.cook-theme-toggle {
background: none;
border: none;
cursor: pointer;
padding: 8px;
color: var(--cook-text-secondary);
font-size: 1.2rem;
min-height: 44px;
min-width: 44px;
}
/* ===== Reduced Motion ===== */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}
/* Nav responsive overrides handled in setup.php cook-elementor-fixes block (priority 999) */
/* ===== Utility Bar Touch Targets ===== */
.elementor-element [href^="tel:"],
.elementor-element [href^="mailto:"] {
display: inline-block;
min-height: 44px;
line-height: 44px;
}
/* Pills wrap */
.cook-pills-wrap {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* Carousel fallback image */
.cook-carousel__fallback {
width: 100%;
border-radius: var(--cook-radius-md);
}
/* Carousel slide images */
.cook-slide {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
}
/* Dealer info fallback */
.cook-dealer-info__fallback {
color: var(--cook-text-secondary);
font-style: italic;
}
.cook-dealer-info__fallback a {
color: var(--cook-accent);
}
/* Lead form trust copy */
.cook-lead-form__trust {
text-align: center;
font-size: 0.875rem;
color: var(--cook-text-secondary);
margin: 0 0 20px;
}
/* Lead capture form */
.cook-lead-form {
background: var(--cook-bg-primary);
border-radius: var(--cook-radius-md);
padding: 32px;
box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.cook-lead-form__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}
@media (max-width: 767px) {
.cook-lead-form__row { grid-template-columns: 1fr; }
}
.cook-lead-form__field {
display: flex;
flex-direction: column;
}
.cook-lead-form__field--full {
margin-bottom: 16px;
}
.cook-lead-form label {
font-family: 'Cabin', sans-serif;
font-weight: 600;
font-size: 0.8125rem;
color: var(--cook-text-primary);
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 4px;
}
.cook-lead-form input,
.cook-lead-form select,
.cook-lead-form textarea {
font-family: 'Cabin', sans-serif;
font-size: 0.9375rem;
padding: 12px 14px;
border: 2px solid var(--cook-border);
border-radius: var(--cook-radius-sm);
background: var(--cook-bg-primary);
color: var(--cook-text-primary);
min-height: 44px;
transition: border-color var(--cook-transition-fast);
}
.cook-lead-form input:focus,
.cook-lead-form select:focus,
.cook-lead-form textarea:focus {
border-color: var(--cook-accent);
}
.cook-lead-form input:focus-visible,
.cook-lead-form select:focus-visible,
.cook-lead-form textarea:focus-visible {
outline: 2px solid var(--cook-accent);
outline-offset: 2px;
}
.cook-lead-form__submit {
width: 100%;
padding: 16px;
background: var(--cook-accent, #BA2031);
color: #FFFFFF;
border: none;
border-radius: var(--cook-radius-sm);
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: 1.125rem;
text-transform: uppercase;
cursor: pointer;
min-height: 44px;
transition: background-color var(--cook-transition-fast);
}
.cook-lead-form__submit:hover {
background: var(--cook-accent-hover, #D41A34);
}
.cook-lead-form__submit:focus-visible {
outline: 2px solid var(--cook-accent);
outline-offset: 2px;
}
/* Secondary button dark mode fix */
[data-theme="dark"] .cook-btn-secondary {
border-color: var(--cook-text-primary);
color: var(--cook-text-primary);
}
/* ===== Shortcode Component Styles ===== */
/* Width detail cards */
/* Info-panel variant — bg-secondary signals informational, not tile. */
.cook-width-card {
background: var(--cook-bg-secondary);
border: 1px solid var(--cook-border);
border-radius: var(--cook-radius-md);
padding: var(--cook-card-padding);
margin-bottom: 12px;
}
.cook-width-card h4 {
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: 1.25rem;
color: var(--cook-accent);
text-transform: uppercase;
margin: 0 0 12px;
}
.cook-width-card p {
font-family: 'Cabin', sans-serif;
font-size: 0.9375rem;
color: var(--cook-text-primary);
margin: 0 0 12px;
}
.cook-width-specs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 8px;
}
/* RTO badge */
.cook-rto-badge {
background: var(--cook-dark, #373737);
border-radius: var(--cook-radius-sm);
padding: 8px 16px;
display: inline-block;
}
.cook-rto-badge span {
color: #FFFFFF;
font-family: 'Cabin', sans-serif;
font-weight: 600;
font-size: 0.875rem;
}
/* RTO proximity disclosure (r528 — DRAFT pending baf7 counsel review).
Neutral, muted, always paired with RTO mentions. Never red (protects red-reservation rule). */
.cook-rto-disclosure {
display: block;
margin-top: 4px;
font-size: 0.75rem;
line-height: 1.4;
color: var(--cook-muted, #5E5E5E);
font-style: italic;
}
.cook-rto-disclosure a { color: inherit; text-decoration: underline; }
.cook-rto-badge .cook-rto-disclosure { color: rgba(255,255,255,0.85); margin-top: 6px; }
/* Site-wide RTO legal disclosure (r528 — rendered via wp_footer, after Elementor footer). */
.cook-legal-disclosure {
background: var(--cook-bg-secondary, #F5F5F5);
border-top: 1px solid var(--cook-border, #E0E0E0);
padding: 16px 24px;
font-size: 0.75rem;
line-height: 1.5;
color: var(--cook-muted, #5E5E5E);
text-align: center;
}
.cook-legal-disclosure p { max-width: 1100px; margin: 0 auto; }
.cook-legal-disclosure a { color: inherit; text-decoration: underline; }
/* Pricing */
.cook-price {
font-family: 'Cabin', sans-serif;
font-size: var(--cook-text-base, 0.9375rem);
color: var(--cook-body-text, #4F4F4F);
margin: var(--cook-space-2, 8px) 0;
}
.cook-price__amount {
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: var(--cook-text-lg, 1.125rem);
color: var(--cook-red, #BA2031);
}
.cook-price__range {
color: var(--cook-body-text, #4F4F4F);
}
.cook-price--empty {
font-size: var(--cook-text-sm, 0.8125rem);
color: var(--cook-muted, #5E5E5E);
}
.cook-price--empty a {
color: var(--cook-red, #BA2031);
text-decoration: none;
font-weight: 600;
}
.cook-price--empty a:hover {
text-decoration: underline;
}
.cook-price--empty-note {
display: block;
margin-top: 4px;
font-size: var(--cook-text-xs, 0.75rem);
color: var(--cook-muted, #5E5E5E);
font-weight: 400;
}
.cook-price--empty-phone {
display: inline-block;
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid var(--cook-border-subtle, #D9D9D9);
color: var(--cook-body-text, #4F4F4F) !important;
font-weight: 700;
font-variant-numeric: tabular-nums;
text-decoration: none;
}
.cook-price--empty-phone:hover {
color: var(--cook-red, #BA2031) !important;
text-decoration: underline;
}
/* Military discount badge — restrained, dark-gray outline, star glyph */
.cook-military-badge {
display: flex;
align-items: center;
gap: 6px;
width: fit-content;
margin: 6px auto 0;
padding: 4px 10px;
border: 1px solid var(--cook-dark);
border-radius: var(--cook-radius-sm);
background: transparent;
color: var(--cook-dark);
font-family: Cabin, sans-serif;
font-size: var(--cook-text-xs, 0.75rem);
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.02em;
transition: var(--cook-transition-fast, 0.2s ease);
}
.cook-military-badge:hover,
.cook-military-badge:focus {
background: var(--cook-dark);
color: var(--cook-white);
text-decoration: none;
}
/* WCAG 2.4.7 — explicit keyboard focus ring on the two card CTAs that rendered
with no visible indicator (v37m.10 runtime a11y pass). !important to beat the
Elementor/inversion-scope rules that were suppressing the outline on these. */
.cook-military-badge:focus-visible,
.cook-customizer-btn:focus-visible {
outline: 2px solid var(--cook-red, #BA2031) !important;
outline-offset: 2px !important;
}
.cook-military-badge__star {
font-size: 0.8125rem;
line-height: 1;
}
.cook-military-badge__text {
line-height: 1.2;
}
/* Size-page geo-aware dealer block — appears on /shed-styles/{slug}/{WxL}/.
Adds location signals to pages that otherwise have none, targeting
"{WxL} sheds near me" queries. Schema.php wires matching availableAtOrFrom. */
.cook-size-dealers {
margin: var(--cook-space-8, 32px) 0;
padding: var(--cook-space-6, 24px);
background: var(--cook-bg-secondary, #F5F5F5);
border-radius: var(--cook-radius-md, 8px);
}
.cook-size-dealers__title {
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: var(--cook-text-xl, 1.25rem);
color: var(--cook-red, #BA2031);
margin: 0 0 var(--cook-space-3, 12px);
}
.cook-size-dealers__intro {
font-family: 'Cabin', sans-serif;
font-size: var(--cook-text-base, 0.9375rem);
color: var(--cook-body-text, #4F4F4F);
margin: 0 0 var(--cook-space-4, 16px);
line-height: 1.5;
}
.cook-size-dealers__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: var(--cook-space-3, 12px);
list-style: none;
padding: 0;
margin: 0 0 var(--cook-space-4, 16px);
}
.cook-size-dealers__item {
position: relative; /* overlay anchor (.__link::after) positions against this (krnr) */
display: flex;
flex-direction: column;
gap: 4px;
background: var(--cook-bg-primary, #FFF);
border: 1px solid var(--cook-border, #D3D3D3);
border-radius: var(--cook-radius-sm, 4px);
padding: var(--cook-space-3, 12px);
transition: box-shadow var(--cook-transition-fast, 0.2s ease), border-color var(--cook-transition-fast, 0.2s ease);
}
.cook-size-dealers__item:hover {
border-color: var(--cook-red, #BA2031);
box-shadow: var(--cook-shadow-card-hover, 0 4px 12px rgba(0,0,0,0.08));
}
.cook-size-dealers__link {
display: flex;
flex-direction: column;
gap: 4px;
text-decoration: none;
color: var(--cook-body-text, #4F4F4F);
}
/* Whole-card click affordance without wrapping the tel anchor (krnr) — overlay fills
the item; the phone span is lifted above it so tel: stays independently tappable. */
.cook-size-dealers__link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.cook-size-dealers__name {
font-weight: 600;
font-family: 'Roboto Slab', serif;
color: var(--cook-text-primary, #373737);
font-size: var(--cook-text-base, 0.9375rem);
}
.cook-size-dealers__loc {
font-size: var(--cook-text-sm, 0.8125rem);
color: var(--cook-text-muted, #5E5E5E);
}
.cook-size-dealers__phone {
position: relative; /* above the .__link::after overlay so tel: is independently tappable (krnr) */
z-index: 2;
align-self: flex-start; /* shrink to content width so only the number is the tel hit-target */
font-size: var(--cook-text-sm, 0.8125rem);
font-weight: 600;
}
.cook-size-dealers__phone a {
color: var(--cook-red, #BA2031);
text-decoration: none;
}
.cook-size-dealers__phone a:hover { text-decoration: underline; }
.cook-size-dealers__all {
display: inline-block;
}
/* Dealer embedded Google Map (m3q7.24). */
.cook-dealer-map__frame {
display: block;
width: 100%;
height: 350px;
border: 0;
border-radius: 8px;
}
/* Dealer "Open in Google Maps" link (m3q7.24) — centered under the map / address block. */
.cook-dealer-maplink {
text-align: center;
margin-top: var(--cook-space-3, 12px);
}
/* Invert for use on colored/dark backgrounds (e.g. building-single hero,
which uses Global Widget 1051 rendered via `gprice131` on template #131). */
.cook-price-invert .cook-price,
.cook-price-invert .cook-price__amount,
.cook-price-invert .cook-price__range,
.cook-price-invert .cook-price--empty,
.cook-price-invert .cook-price--empty a,
.cook-price-invert .cook-price--empty-phone,
.cook-price-invert .cook-price--empty-note,
.elementor-element-gprice131 .cook-price,
.elementor-element-gprice131 .cook-price__amount,
.elementor-element-gprice131 .cook-price__range,
.elementor-element-gprice131 .cook-price--empty,
.elementor-element-gprice131 .cook-price--empty a,
.elementor-element-gprice131 .cook-price--empty-phone,
.elementor-element-gprice131 .cook-price--empty-note {
color: var(--cook-white, #fff) !important;
}
.cook-price-invert .cook-price--empty-phone,
.elementor-element-gprice131 .cook-price--empty-phone {
border-left-color: rgba(255, 255, 255, 0.4);
}
.cook-price-invert .cook-price--empty a:hover,
.cook-price-invert .cook-price--empty-phone:hover,
.elementor-element-gprice131 .cook-price--empty a:hover,
.elementor-element-gprice131 .cook-price--empty-phone:hover {
color: var(--cook-white, #fff) !important;
text-decoration: underline;
}
/* === Red hero section — inverted-on-red treatment for hero + CTA bands ===
Section IDs covered:
79c41af — #131 Single Building hero
f157cd0 — #134 Single Location hero
f9eb918 — #133 hero
298d36a — #139 Contact Us hero
220c3d0 — #141 Build Your Shed hero
cta_section_01 — #780 CTA band
f14ef354 — #587 "Storage Units vs. Cook Shed" red band (2026-04-20 kdlp)
9acb5abd — #587 "What Our Customers Say" red band (2026-04-20 kdlp)
f586e1f — #132 Building Archive red hero (not currently rendering — see lbli)
690f148 — #131 "Ready to get started" red CTA band (2026-04-20 kdlp)
2c18e96 — #133 Single Dealer red CTA band (2026-04-20 kdlp)
a511825 — #491 404 Page red hero (2026-05-07 7sel)
5a4e030 — #134 Single Location red band (undocumented until gh12.24)
All of the above are legacy sections — Elementor doesn't emit a custom
`.cook-band--red`-style class on them (see claude-gotchas.md), so
.elementor-element-