/* Site footer (src/lib/site-footer.mjs), shared by the v4 homepage and every other page. Paul, 20 Oct 2026.
   Self-contained: literal colours and fonts, and every rule scoped to .ddf so global.css / v4 styles don't leak in. */
.ddf{--ddf-red:#ff5a64;--ddf-line:rgba(255,255,255,.1);position:relative;background:radial-gradient(120% 60% at 50% 0,rgba(227,6,19,.09),transparent 60%),#06070b;border-top:1px solid var(--ddf-line);color:rgba(255,255,255,.72);font:400 15px/1.5 Barlow,system-ui,-apple-system,sans-serif;padding:56px 20px 32px;text-align:left}
.ddf *{box-sizing:border-box}
.ddf .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ddf a{color:#fff;text-decoration:none}
.ddf a:hover,.ddf a:focus-visible{text-decoration:underline;text-decoration-color:var(--ddf-red);text-underline-offset:3px}
.ddf svg{width:18px;height:18px;flex:none}
.ddf ul{list-style:none;margin:0;padding:0}
.ddf p{margin:0;color:inherit;max-width:none}
.ddf address{font-style:normal}

/* brand, centred */
.ddf-brand{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-bottom:36px;margin:0 auto 36px;max-width:1240px;border-bottom:1px solid var(--ddf-line)}
.ddf .ddf-logo img{display:block;width:min(300px,72vw);height:auto}
.ddf .ddf-tag{font:700 14px/1.2 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.7)}

/* four even columns */
.ddf-cols{display:grid;gap:36px 32px;max-width:1240px;margin:0 auto;grid-template-columns:1fr 1fr}
.ddf-col:nth-child(1),.ddf-col:nth-child(2){grid-column:1/-1}
@media (min-width:640px){.ddf-col:nth-child(2){grid-column:auto}.ddf-col:nth-child(1){grid-column:auto}}
@media (min-width:1100px){.ddf-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}}
.ddf .ddf-h{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--ddf-line);font:800 15px/1.1 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-align:left}
.ddf .ddf-h svg{color:var(--ddf-red);width:20px;height:20px}

/* contact: icon tiles */
.ddf-contact{display:grid;gap:10px}
.ddf-contact li{display:flex;align-items:center;gap:14px;min-height:44px;line-height:1.4}
.ddf-tile{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,rgba(227,6,19,.26),rgba(227,6,19,.08));border:1px solid rgba(255,90,100,.34);color:var(--ddf-red);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background .2s,border-color .2s}
.ddf-tile svg{width:20px;height:20px}
.ddf-contact li:hover .ddf-tile{background:linear-gradient(160deg,rgba(227,6,19,.42),rgba(227,6,19,.14));border-color:rgba(255,90,100,.62)}
.ddf-contact a{font-weight:500;overflow-wrap:anywhere}

/* hours */
.ddf-hours{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0}
.ddf-hours th,.ddf-hours td{padding:9px 0;border-bottom:1px solid var(--ddf-line);text-align:left;font-size:15px;color:rgba(255,255,255,.78);background:none}
.ddf-hours th{font-weight:600;color:#fff;padding-right:12px;white-space:nowrap}
.ddf-hours td:nth-child(2){white-space:nowrap}
.ddf-hours td:last-child{text-align:right}
.ddf-chip{display:inline-block;padding:3px 8px;border-radius:999px;background:rgba(227,6,19,.18);border:1px solid rgba(255,90,100,.4);color:#ffb3b8;font:700 11px/1.2 Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

/* link lists with icons */
.ddf-links{display:grid;gap:2px}
.ddf-links a{display:flex;align-items:center;gap:12px;min-height:40px;color:rgba(255,255,255,.86);font-weight:500}
.ddf-links a svg{color:var(--ddf-red);opacity:.9}
.ddf-links a:hover{color:#fff}

/* bottom bar, centred */
.ddf-bar{max-width:1240px;margin:44px auto 0;padding-top:24px;border-top:1px solid var(--ddf-line);display:grid;gap:12px;justify-items:center;text-align:center;font-size:13px;color:rgba(255,255,255,.55)}
.ddf .ddf-note{max-width:62ch}
.ddf-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.ddf-legal a,.ddf-legal button{display:inline-flex;align-items:center;min-height:36px;color:rgba(255,255,255,.82);font:500 14px/1 Barlow,sans-serif;background:none;border:0;padding:0;cursor:pointer}
.ddf-legal button:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--ddf-red);text-underline-offset:3px}
.ddf-copy a{color:rgba(255,255,255,.82)}
