/* ---- Footer: email row, social icons, certification mark ------------------
   Shared by the inner pages' footer (minimalFooterHtml in lib/chrome.ts) and
   the homepage footer (index.astro). Both footers are plum, so everything here
   is drawn light (Jack, 9 Oct 2026).

   The email row opens the footer on its own line so the field has room. It
   hands the address to the contact page, where /assets/forms.js shows the
   thank-you and asks for a little more detail. */
.foot-enq-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(24px,4vw,64px);align-items:end;
  padding-bottom:clamp(40px,4.4vw,64px);margin-bottom:clamp(56px,6vw,96px);position:relative}
.foot-enq-row::after{content:"";position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);border-top:1px solid rgba(255,255,255,.16)}
.min-foot__enq{width:100%;max-width:calc(1240px + var(--gutter)*2);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box}
.foot-enq__label{margin:0 0 10px;font:600 12px/1.4 var(--font-label,var(--label,system-ui));letter-spacing:.16em;text-transform:uppercase;color:#B3A9EE}
.foot-enq__lead{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:#fff;max-width:30ch}
.foot-enq__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.foot-enq{margin:0}
.foot-enq__row{display:flex;border:1px solid rgba(255,255,255,.36);transition:border-color var(--hover-dur,.45s) var(--ease-soft,ease)}
.foot-enq__row:focus-within{border-color:#fff}
.foot-enq input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:inherit;font-size:17px;padding:0 20px;height:60px;outline:0}
.foot-enq input::placeholder{color:#B4ABD3}
.foot-enq button{border:0;background:#fff;color:#2B1F4F;font:700 15px/1 var(--font-label,var(--label,system-ui));padding:0 24px;cursor:pointer;white-space:nowrap;
  transition:background-color var(--hover-dur,.45s) var(--ease-soft,ease)}
.foot-enq button:hover{background:#DCD6EE}
@media (max-width:900px){.foot-enq-row{grid-template-columns:1fr;align-items:start}}
@media (max-width:480px){.foot-enq__row{flex-direction:column}.foot-enq input{flex:none;height:56px}.foot-enq button{height:52px}}

/* LinkedIn and Facebook under the tagline */
.foot-social{display:flex;gap:10px;margin-top:4px}
/* footer-scoped so the site-wide link colour (html[data-style] a) cannot win */
footer .foot-social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.5);color:#fff;
  transition:background-color var(--hover-dur,.45s) var(--ease-soft,ease),color var(--hover-dur,.45s) var(--ease-soft,ease),border-color var(--hover-dur,.45s) var(--ease-soft,ease)}
footer .foot-social a:hover{background:#fff;color:#2B1F4F;border-color:#fff;opacity:1}

/* BSI mark at the right end of the base line */
.min-foot__base,.f-base{align-items:center}
.foot-cert{display:block;margin-left:auto;line-height:0}
.f-base small + .foot-cert{margin-left:28px}
.foot-cert img{display:block;width:108px;height:auto}
@media (max-width:640px){.foot-cert{margin-left:0;flex-basis:100%}.f-base small + .foot-cert{margin-left:0}}