/* ══ THE SITE'S FOOTER ══════════════════════════════════════════ 13 Oct 2026 (rp120), v1 ══
   One footer for the site: the brand and its line, four columns (For homeowners, For tradespeople,
   Hyyryn Records, Company), the ICO registration and the legal row. Its rules were copied into each
   page that took it (results.html in rp100); this file holds them once for every page converted
   from now on (Service, Trade profile, Quote first). Scoped to footer.footer so a page's older footer
   rules (.footer-col a, .bottom-row) do not reach it. The gutters are hyyryn-chrome.css's. */
footer.footer { background: var(--navy); color: rgba(250,248,243,.65); border-top: 0; padding: 0; }
footer.footer .footer-inner { max-width: none; }
footer.footer .footer-top { margin: 0; padding: 0; border-bottom: 0; display: grid; grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr)); gap: clamp(24px, 3vw, 48px); }
footer.footer .brand-big { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; color: var(--cream); margin-bottom: 14px; }
footer.footer .brand-big .mark { width: 22px; height: 20px; fill: var(--cream); }
footer.footer .brand-big .mark path { fill: var(--cream); }
footer.footer .tag { margin: 0; font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; font-style: normal; font-size: 13px; line-height: 1.55; max-width: 28ch; color: rgba(250,248,243,.66); }
footer.footer .footer-col h5 { margin: 0 0 14px; font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(250,248,243,.66); }
footer.footer .footer-col a { display: block; margin: 0; padding: 5px 0; font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; font-size: 13px; color: rgba(250,248,243,.8); text-decoration: none; }
footer.footer .footer-col a:hover { color: var(--cream); text-decoration: underline; text-underline-offset: 3px; }
footer.footer .footer-ico { display: inline-flex; align-items: center; gap: 10px; margin-top: 36px; padding-top: 16px; border-top: 1px solid rgba(250,248,243,.1); }
footer.footer .footer-ico img { width: 44px; height: 44px; }
footer.footer .fi-text { margin: 0; font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; font-size: 11px; line-height: 1.35; color: rgba(250,248,243,.66); }
footer.footer .fi-text strong { display: block; color: rgba(250,248,243,.85); font-weight: 600; }
footer.footer .bottom-row { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 28px; padding-top: 20px; border-top: 1px solid rgba(250,248,243,.08); font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; font-size: 12px; color: rgba(250,248,243,.66); }
footer.footer .bottom-row a { color: rgba(250,248,243,.66); text-decoration: none; }
footer.footer .bottom-row a:hover { color: var(--cream); text-decoration: underline; text-underline-offset: 3px; }
footer.footer a:focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 3px; }
@media (max-width: 900px) { footer.footer .footer-top { grid-template-columns: repeat(2, minmax(0, 1fr)); } footer.footer .footer-top > div:first-child { grid-column: 1 / -1; } }
/* the logotype as the masthead sets it (Inter 500, uppercase, .26em), scaled 20 to 13.5 */
footer.footer .brand-big { gap: 13px; }
footer.footer .brand-big .mark { width: 20px; height: 20px; }
footer.footer .brand-big .word { font-family: var(--sans, Inter, system-ui, sans-serif); font-size: 13.5px; font-weight: 500; letter-spacing: .26em;
  text-transform: uppercase; line-height: 1; color: var(--cream, #FAF8F3); margin-right: -.26em; }
/* a page's own older rules (my-jobs set its bottom row in tracked capitals) do not reach it */
footer.footer .bottom-row, footer.footer .bottom-row a { text-transform: none; letter-spacing: normal; }
/* rp123: on pages whose own sheet lays .footer-inner out as a row (the live job, the dispute), the
   footer's three parts stack as everywhere else */
footer.footer .footer-inner { display: block; }
footer.footer .footer-top > div { min-width: 0; }
footer.footer .footer-col { display: block; }
/* rp123: a page's fixed wash (transaction-detail's main::before, z-index 1) painted over the footer */
footer.footer { position: relative; z-index: 2; }