/* ============================================================
   FOOTER SKIN . SITE-WIDE . 2026-09-30
   Ground truth: web/sep 30 changes/digidoe-footer-spec.md + digidoe-footer.html
   Figma "DD-Website" node 981:5639 "Footer": 1280 content column, 682 tall,
   ground #F4F3F0, Inter only, letter-spacing 0, no underlines, no shadows.

   Markup is the shared <footer class="site"> (lane-aware columns from
   alt-home.js, "Cookie settings" injected by dd-shell.js into the Legal
   column). Only geometry and type change here. scripts/stamp-footer.py adds
   this <link> after every other stylesheet on 43 pages and normalises the
   three markup bits CSS cannot (logo image -> wordmark + tagline, ISO badge
   files, stale blog link set). individuals.html already carries the same
   footer as .dz-footer (sept-ind2909) and is not touched.

   Column maths inside the 1280 column (spec §3 / §4.2):
     brand 260 | gap 120 | Platform 160 | 120 | Company 160 | 120 | Legal 160
     = 1100, 180 empty on the right (the spec draws that void).
     Same 15 links on every lane (Yuval, 2026-09-30: "spec wins"): the lane-only
     Partner column and the business-only Platform links are removed from the
     markup by scripts/stamp-footer.py; those routes live in the mega-menus.
   Vertical (spec §2): 80 + 245 + 60 + 1 + 60 + 176 + 60 = 682.

   The spec's small-print copy duplicates the "Acceptance of customers"
   sentence into the FRN paragraph and says "clients" in the (c) line; the
   live text is the approved wording and stays (text is frozen).

   Revert = delete the <link> on each page (stamp-footer.py --revert).
   ============================================================ */

footer#footer.site{
  background:#F4F3F0;border:0;border-radius:0;margin:0;padding:80px 0 60px;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:0;-webkit-font-smoothing:antialiased;
}
footer#footer.site > .wrap{
  max-width:1440px;width:auto;margin:0 auto;padding:0 80px;
  display:flex;flex-direction:column;gap:60px;
}

/* ---------- top block: brand + link columns ---------- */
footer#footer.site .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));column-gap:40px;row-gap:40px;align-items:start;margin:0}
footer#footer.site .fgrid > div:first-child{display:flex;flex-direction:column;align-items:flex-start;max-width:260px}

footer#footer.site .foot-wordmark{font-size:38px;line-height:46px;font-weight:600;color:#121212;margin:0;white-space:nowrap;letter-spacing:0}
footer#footer.site .foot-wordmark b{color:#F37F00;font-weight:600}
footer#footer.site .foot-tagline{font-size:14px;line-height:21px;font-weight:400;color:#555049;margin:20px 0 0;max-width:260px;letter-spacing:0}

footer#footer.site .footapps{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;margin:40px 0 0;padding:0;height:37px}
footer#footer.site .footapps .appbtn-img{display:block;padding:0;border:0;background:none;border-radius:0;transition:none;line-height:0}
footer#footer.site .footapps .appbtn-img:hover{transform:none;opacity:1}
footer#footer.site .footapps .appbtn-img img{display:block;height:37px;width:auto}
footer#footer.site .footapps .appbtn-img:first-child img{width:111px}
footer#footer.site .footapps .appbtn-img:last-child img{width:124px}

/* LinkedIn: the spec's 40px ring with the letters "in". The letters are drawn
   by CSS so no word is added to the page (text-freeze stays clean); the anchor
   keeps its aria-label. */
footer#footer.site .fsocial{margin:20px 0 0;padding:0;display:flex}
footer#footer.site .fsocial a{
  width:40px;height:40px;box-sizing:border-box;border:1px solid #555049;border-radius:50%;background:none;
  display:flex;align-items:center;justify-content:center;gap:0;padding:0;
  color:#555049;font-size:18px;line-height:24px;font-weight:700;text-decoration:none;
}
footer#footer.site .fsocial a:hover{color:#121212;border-color:#121212}
footer#footer.site .fsocial a svg{display:none!important}
footer#footer.site .fsocial a::before{content:"in";display:block;font:700 18px/24px "Inter",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#555049;letter-spacing:0}
footer#footer.site .fsocial a:hover::before{color:#121212}

footer#footer.site .fcol{display:flex;flex-direction:column;min-width:0}
/* the lane-only Partner column ships [hidden]; a display rule on .fcol would otherwise re-open it and hand it a track */
footer#footer.site .fcol[hidden]{display:none!important}
footer#footer.site .fcol .fh{font-size:14px;line-height:17px;font-weight:500;color:#121212;margin:0 0 20px;letter-spacing:0;text-transform:none}
footer#footer.site .fcol:nth-last-child(2) .fh{color:#221A14}   /* "Company", spec §4.2: keep the designer's near-black */
footer#footer.site .fcol a{display:block;font-size:14px;line-height:17px;font-weight:400;color:#555049;padding:0;margin:0 0 16px;text-decoration:none;letter-spacing:0;white-space:nowrap}
footer#footer.site .fcol a:last-child{margin-bottom:0}
footer#footer.site .fcol a:hover{color:#121212}
footer#footer.site .fcol a[hidden]{display:none!important}

/* ---------- bottom block: rule, certificates, small print ---------- */
footer#footer.site .compliance{
  margin:0;padding:60px 0 0;border-top:1px solid #CCC8BC;max-width:none;
  display:grid;grid-template-columns:1fr;row-gap:20px;column-gap:120px;align-items:start;line-height:18px;
}
footer#footer.site .compliance .cert-row--foot{
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;margin:0;padding:0;max-width:260px;align-self:start;
}
footer#footer.site .compliance .cert-row--foot .alt-cert-lg{
  width:93px!important;height:120px!important;object-fit:contain;margin:0;padding:0;
  background:none;border:0;border-radius:0;box-shadow:none;
}
footer#footer.site .compliance .cert-row--foot .cert-cap{flex-basis:100%;width:100%;margin:0;font-size:12px;line-height:18px;font-weight:400;color:#555049}
footer#footer.site .compliance > p{margin:0;font-size:12px;line-height:18px;font-weight:400;color:#555049;max-width:none}
footer#footer.site .compliance p.muted{color:#555049}
footer#footer.site .compliance a{font-weight:500;color:#AC5900;text-decoration:none}
footer#footer.site .compliance a:hover{color:#121212}

/* ---------- the 1280 board geometry ---------- */
/* Fixed 160px link tracks from 1200 up; the gutters spread to the available
   width until 1440, where they land on the spec's 120. The small-print column is
   minmax(0,1fr): exactly 900 at 1440, narrower below, never overflowing
   (FL-012: no horizontal scroll at 1280 or 1366). */
@media (min-width:1200px){
  footer#footer.site .fgrid{grid-template-columns:260px repeat(3,160px);column-gap:40px;justify-content:space-between;row-gap:0}
  footer#footer.site .fgrid > div:first-child{width:260px}
  footer#footer.site .compliance{grid-template-columns:260px minmax(0,1fr);column-gap:120px}
  footer#footer.site .compliance .cert-row--foot{grid-column:1;grid-row:1 / span 3}
  footer#footer.site .compliance > p{grid-column:2}
  footer#footer.site .compliance > p:nth-of-type(1){grid-row:1}
  footer#footer.site .compliance > p:nth-of-type(2){grid-row:2}
  footer#footer.site .compliance > p:nth-of-type(3){grid-row:3}
}
@media (min-width:1440px){
  footer#footer.site .fgrid{column-gap:120px;justify-content:start}
}
@media (max-width:1199px){
  footer#footer.site > .wrap{padding:0 clamp(1.2rem,5vw,3rem)}
  footer#footer.site .fgrid > div:first-child{grid-column:1 / -1}
  footer#footer.site .fcol a{white-space:normal}
  /* alt-home.css places the three small-print paragraphs in columns 2/3/4 at every width and
     relied on display:block under 940 to undo it; this grid stays a grid, so pin them to column 1
     (implicit tracks were pushing the footer to 680px wide at 390). */
  footer#footer.site .compliance .cert-row--foot,
  footer#footer.site .compliance > p:nth-of-type(1),
  footer#footer.site .compliance > p:nth-of-type(2),
  footer#footer.site .compliance > p:nth-of-type(3){grid-column:1;grid-row:auto}
}
@media (max-width:760px){
  footer#footer.site{padding:56px 0 40px}
  footer#footer.site .compliance{padding-top:40px}
}