/* W1 website fix release (Oct 2026): crisis lines, footer disclaimer, merged app button, audience
   line, feedback age paths and tap targets. Loaded last on every page; keeps the live look. */

/* Header: one app button ("Open Breemaia") instead of Open App + Try Breemaia. */
.vision .site-head .nav-actions > a.w1-open { display: inline-flex; align-items: center; }

/* Hero (home): honest age line under the main button, film link below it. */
.m-hero-content .w1-age-note { margin: 0 0 6px; max-width: 470px; }
.m-hero-content .w1-film-line { margin: 0; }
.m-hero-content .w1-film-line a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 700; text-underline-offset: 3px; }
.w1-promise { font-weight: 800; font-size: 1.15em; }

/* Crisis and support lines: the app's "unknown region" list (Canada and the US). Teal, not red;
   emergency gets the app's amber accent. */
.w1-crisis { display: grid; gap: 10px; width: 100%; }
.w1-crisis-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.w1-crisis-list li { margin: 0; padding: 0; }
.w1-crisis-list li::before { content: none !important; display: none !important; }
:is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line { margin: 0; text-decoration: none; line-height: 1.35; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 56px; padding: 10px 16px; background: #fffefa; color: #104e5c !important; border: 1px solid #70a8ad; border-left: 5px solid #2aa8a0; border-radius: 10px; text-decoration: none; }
:is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line strong { font-size: 17px; line-height: 1.25; color: #0b3f4a; }
:is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line span { font-size: 14.5px; line-height: 1.35; color: #285b66; }
:is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line:hover strong, :is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line:focus-visible strong { text-decoration: underline; text-underline-offset: 3px; }
:is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line.w1-crisis-emergency { border-left-color: #e3961c; background: #fffaf0; }
:is(#help-now, #terms-urgent, body) .w1-crisis .w1-crisis-else, .w1-crisis-else { margin: 2px 0 0; font-weight: 700; }
#terms-urgent .w1-crisis { align-self: start; }
:is(#help-now, #terms-urgent, body) .w1-crisis a.w1-crisis-line::after { content: none; }

/* Footer: four link groups (adds "For supporters") and a clear disclaimer on every page. */
@media (min-width: 900px) { .site-foot .foot-grid.w1-foot-grid { grid-template-columns: 1.6fr repeat(4, 1fr); } }
.site-foot p.w1-disclaimer { margin: 28px 0 0; padding: 14px 16px; border: 1px solid rgba(255, 253, 247, 0.35); border-radius: 10px; font-size: 15px; line-height: 1.5; color: #fffdf7; max-width: 900px; }
.site-foot p.w1-disclaimer a { color: #fffdf7; text-decoration: underline; text-underline-offset: 3px; display: inline-block; padding-block: 2px; }
.site-foot .foot-grid a { min-height: 24px; }

/* Legal pages: last-updated line and readable lists. */
.w1-updated { font-size: 15px; opacity: 0.85; }
.w1-reading-list { max-width: 820px; }
.w1-reading-list li { margin-bottom: 10px; line-height: 1.55; }

/* Tap targets (audit P2-3): standalone text links at least 44px tall; inline links are unaffected. */
main a:not(.btn):not(p a):not(li a):not(dd a):not(.w1-crisis-line):not(:has(img, picture, video, h2, h3, article, div)) { display: inline-flex; align-items: center; min-height: 44px; }
main p > a:only-child:not(.btn) { display: inline-flex; align-items: center; min-height: 44px; }
.w1-access-link { display: inline-flex; align-items: center; min-height: 44px; }
.request-form input[type="checkbox"], .feedback-form input[type="checkbox"] { width: 24px; height: 24px; flex: 0 0 24px; }

/* Feedback: under-13 and 13-17 paths. */
.w1-minor-note { margin: 4px 0 12px; padding: 12px 14px; border-radius: 10px; background: rgba(42, 168, 160, 0.1); border: 1px solid rgba(42, 168, 160, 0.35); }
.w1-minor-note p { margin: 0 0 8px; }
.w1-minor-note .w1-check { display: flex; gap: 10px; align-items: center; min-height: 44px; }

/* 404 */
.w1-404 { min-height: 50vh; box-sizing: border-box; width: min(1100px, 100%); margin: 0 auto; padding: 48px 20px; }
.w1-404 .actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }