/* ============================================================
   CARBONSIG 3.0 — SHELL GLUE (header / footer / skip-link)
   Enqueued AFTER components.css. Every value traces to a token.
   ============================================================ */

/* ---- Skip link (visible on focus, a11y standard #6) ---- */
.skip-link{position:absolute;left:var(--sp-4);top:calc(-1 * var(--input-h));z-index:60;
  display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--sp-4);
  background:var(--c-action);color:var(--c-on-dark);border-radius:var(--r-sm);
  transition:top var(--dur-2) var(--ease)}
.skip-link:focus{top:var(--sp-2);color:var(--c-on-dark);text-decoration:none}

/* ---- Header ---- */
.site-logo{display:inline-flex;align-items:center;min-height:var(--tap-min)}
.site-logo img{height:var(--sp-8);width:auto}
.header-actions{display:flex;align-items:center;gap:var(--sp-4)}
.nav-toggle{color:var(--c-body)}
/* keep gutters breathing room between the three header groups */
.site-header .container{gap:var(--sp-4)}

/* ---- Footer ---- */
.site-footer .footer-col ul{list-style:none}
.site-footer .footer-col li + li{margin-top:var(--sp-2)}
.site-footer .footer-col a{display:inline-flex;align-items:center;min-height:var(--tap-min)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
  flex-wrap:wrap;margin-top:var(--sp-12);padding-top:var(--sp-6);
  border-top:1px solid var(--c-border-on-dark)}

/* Third-party (Complianz) banner: its generated CSS hardcodes brand-blue
   #0188CE !important on the accept button (3.87:1 with white). ID-anchored
   selector out-specifies it; AA action tokens applied. */
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept{background:var(--c-action) !important;background-color:var(--c-action) !important;border-color:var(--c-action) !important}
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover{background:var(--c-action-hover) !important;background-color:var(--c-action-hover) !important}