/* ============================================================
   Delfers — style.css
   Companion override sheet, loaded after the inline <style> in
   index.html. Keep this file SMALL and mobile-scoped only.
   Anything desktop-related belongs in the inline tokens block.
   ============================================================ */

/* ── Mobile-only structural overrides (≤768px) ── */
@media only screen and (max-width: 768px) {

  /* Footer brand block: full width on its own row */
  .ft-brand {
    width: 100%;
  }

  /* Footer main grid collapses to a single column on phones.
     The inline <style> already sets grid-template-columns:1fr at
     this breakpoint, but we keep this as a defensive fallback in
     case the inline CSS load order ever changes. */
  .ft-main {
    width: 100%;
  }

  .ft-col {
    width: 100%;
    margin-top: 1.25rem;
  }

  /* Hero slide background gradient — switch from horizontal (left→right)
     to vertical (top→bottom) so the punch-line text remains legible over
     the dark portion when the layout stacks. This duplicates the rule in
     the inline <style> at the same breakpoint; both exist to harden
     against any rule-order regression in third-party tools. */
  .hs-right::before {
    background: linear-gradient(
      180deg,
      rgba(12,2,0,.97) 0%,
      rgba(0,0,0,.86) 28%,
      rgba(0,0,0,.55) 52%,
      rgba(0,0,0,.18) 72%,
      transparent 88%
    );
  }
}

/* ── Footer office card spacing ──
   Applies at all breakpoints. Adds a little breathing room between
   stacked office entries; harmless on desktop where they sit in a grid. */
.ft-off {
  margin-bottom: 0;          /* spacing is now driven by the parent grid gap */
}

/* The previous global `.ft-offs { display:block !important; }` rule
   was a bug — it was outside the media query, so it was disabling the
   2-column office grid on desktop and tablet. The grid layout is now
   defined in the inline <style> tag (grid-template-columns: 1fr 1fr,
   stacking to 1fr at ≤768px). Do not override it here. */