/* ============================================================
   SADEC FOOTER - "Ember and Graphite", site-wide
   Replaces the Elementor template 21 ("Pied") footer, which ran
   Verdana headings, three different oranges (#F8890A / #FF8200 /
   #FF8F0F), black type on white and negative-margin spacing hacks.
   The homepage rhythm ends on a graphite close, so the footer is
   the graphite slab and the white round SOS badge sits on it.
   Self-contained: does NOT depend on sadec-counterfield.css, which
   is only enqueued on the homepage and a few archives.
   ============================================================ */

.sdcf{
  --f-ground:#16120F; --f-ground-2:#0F0C0A;
  --f-text:#EDE5DB; --f-muted:#A2968B; --f-dim:#7E7369;
  --f-line:rgba(255,255,255,.11); --f-line-2:rgba(255,255,255,.06);
  --f-accent:#E2571C; --f-accent-hi:#F2792F;
  --f-wrap:1280px; --f-pad:24px;
  background:var(--f-ground);
  color:var(--f-text);
  font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  font-size:15px; line-height:1.6; font-weight:400;
  -webkit-font-smoothing:antialiased;
}
.sdcf *,.sdcf *::before,.sdcf *::after{box-sizing:border-box;}
.sdcf ul{margin:0;padding:0;list-style:none;}
.sdcf p{margin:0;}
.sdcf img{display:block;max-width:100%;height:auto;}
.sdcf svg{display:block;}

/* Astra paints #colophon itself; without this the graphite slab sits
   inside a white band on inner pages. :has() plus a plain fallback. */
#colophon:has(.sdcf){background:#16120F;padding:0;border:0;}
.sdcf{display:block;width:100%;}

.sdcf-wrap{max-width:var(--f-wrap);margin:0 auto;padding:0 var(--f-pad);}

/* ---- top grid ---- */
.sdcf-top{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1fr 1.35fr;
  gap:40px 32px;
  padding:58px 0 44px;
}

/* ---- brand column ---- */
.sdcf-badge{width:118px;height:auto;margin:0 0 18px;}
.sdcf-blurb{color:var(--f-muted);font-size:14.5px;max-width:34ch;}
.sdcf-blurb strong{color:var(--f-text);font-weight:600;}

/* ---- column headings ---- */
.sdcf-h{
  font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  font-size:12px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:#FFFFFF; margin:0 0 16px;
}
.sdcf-h::after{content:"";display:block;width:26px;height:2px;background:var(--f-accent);margin-top:11px;}

/* ---- link lists ---- */
.sdcf-list li + li{margin-top:9px;}
.sdcf a.sdcf-link{
  color:var(--f-muted) !important;
  text-decoration:none !important;
  border-bottom:0 !important; box-shadow:none !important;
  font-size:14.5px;
  transition:color .18s ease;
}
.sdcf a.sdcf-link:hover,.sdcf a.sdcf-link:focus-visible{color:#FFFFFF !important;}
.sdcf a.sdcf-link:focus-visible{outline:2px solid var(--f-accent);outline-offset:3px;border-radius:2px;}

/* ---- contact column ---- */
.sdcf-contact .sdcf-row{display:flex;align-items:flex-start;gap:11px;}
.sdcf-contact .sdcf-row + .sdcf-row{margin-top:12px;}
.sdcf-contact .sdcf-ico{flex:0 0 auto;width:17px;height:17px;margin-top:3px;color:var(--f-accent);}
.sdcf-contact .sdcf-ico svg{width:17px;height:17px;fill:currentColor;}
.sdcf-place{color:var(--f-muted);font-size:14.5px;}
.sdcf-place span{display:block;color:var(--f-dim);font-size:13px;margin-top:3px;}

/* ---- social ---- */
.sdcf-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.sdcf a.sdcf-soc{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--f-line);
  background:rgba(255,255,255,.045);
  color:var(--f-muted) !important;
  text-decoration:none !important;box-shadow:none !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.sdcf a.sdcf-soc:hover,.sdcf a.sdcf-soc:focus-visible{
  background:var(--f-accent);border-color:var(--f-accent);
  color:#FFFFFF !important;transform:translateY(-2px);
}
.sdcf a.sdcf-soc:focus-visible{outline:2px solid var(--f-accent-hi);outline-offset:3px;}
.sdcf .sdcf-soc svg{width:18px;height:18px;fill:currentColor;}

/* ---- trust strip ---- */
.sdcf-note{
  border-top:1px solid var(--f-line);
  padding:18px 0;
  display:flex;flex-wrap:wrap;gap:9px 30px;
  color:var(--f-dim);font-size:13px;
}
.sdcf-note b{color:var(--f-muted);font-weight:600;}

/* ---- bottom bar ---- */
.sdcf-bottom{
  border-top:1px solid var(--f-line-2);
  padding:18px 0 46px; /* clears the fixed cookie widget bottom-left */
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;
  font-size:13px;color:var(--f-dim);
}
.sdcf-bottom .sdcf-legal{display:flex;flex-wrap:wrap;gap:6px 18px;}
.sdcf-bottom a.sdcf-link{font-size:13px;}

/* ---- responsive ---- */
@media (max-width:1080px){
  .sdcf-top{grid-template-columns:1fr 1fr 1fr;gap:36px 28px;}
  .sdcf-brand{grid-column:1 / -1;}
  .sdcf-blurb{max-width:60ch;}
}
@media (max-width:700px){
  .sdcf-wrap{padding:0 18px;}
  .sdcf-top{grid-template-columns:1fr 1fr;gap:30px 22px;padding:40px 0 30px;}
  .sdcf-contact{grid-column:1 / -1;}
  .sdcf-bottom{flex-direction:column;align-items:flex-start;}
}
@media (max-width:430px){
  .sdcf-top{grid-template-columns:1fr;}
  .sdcf-badge{width:96px;}
}
@media (prefers-reduced-motion:reduce){
  .sdcf a.sdcf-soc,.sdcf a.sdcf-link{transition:none;}
  .sdcf a.sdcf-soc:hover{transform:none;}
}


/* Petrol and Ember, 1 Sep 2026: the sticky header, the mobile menu drawer and
   the footer slab move off warm #15100D / #16120F onto petrol #16252D so they
   sit in the same family as the body. Colour only.
   Rollback: option sadec_v9_backup_20260901 */
.ast-primary-header-bar,.main-header-bar,.ast-above-header-bar{background-color:#16252D !important;}
.ast-mobile-popup-drawer .ast-mobile-popup-inner,.ast-mobile-popup-drawer .ast-mobile-popup-content{background-color:#16252D !important;}
.sdcf{background:#16252D;}
#colophon:has(.sdcf){background:#16252D !important;}