/* XmaraI theme overrides — durable across theme rebuilds (loaded last). */

/* --- Bigger founder photos (was 78x78) --- */
.ava{width:128px;height:128px;border-radius:20px;margin-bottom:26px}
@media (max-width:1000px){.ava{width:112px;height:112px}}
@media (max-width:600px){.ava{width:96px;height:96px}}

/* --- Header overlap fix on tablet/narrow widths ---
   The "Book a call" button was only hidden < 600px, so between 601–1000px
   (where nav collapses to a burger) it overlapped the burger + language toggle.
   Hide it as soon as the burger appears. */
@media (max-width:1000px){
  .nav-r .btn{display:none}
  .nav-r{gap:12px}
}

/* --- Footer now has 3 columns (removed the empty "Elsewhere"/placeholder column) --- */
@media (min-width:1001px){
  .foot-top{grid-template-columns:2fr 1fr 1fr}
}

/* --- Tighter vertical rhythm on desktop — less empty screen on big monitors.
   (Sticky A→E rail is also shortened in home.js.) Mobile keeps the original spacing. --- */
@media (min-width:1001px){
  .hero{padding:112px 0 40px}
  section{padding:74px 0}
  .cta{padding:92px 0}
  .shead{padding:120px 0 44px}
  .stage{padding:44px 0}
  .mods,.alc,.terms{padding:66px 0}
}

/* --- Booking modal (Fluent Forms lead form) --- */
.book-modal{position:fixed;inset:0;z-index:500;display:none;align-items:flex-start;justify-content:center;padding:5vh 20px}
.book-modal.is-open{display:flex}
.book-modal__backdrop{position:absolute;inset:0;background:rgba(20,20,16,.62);backdrop-filter:blur(3px)}
.book-modal__panel{position:relative;margin:auto;width:100%;max-width:560px;max-height:90vh;overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 80px rgba(20,20,16,.35);padding:44px 40px 40px}
.book-modal__close{position:absolute;top:12px;right:16px;width:38px;height:38px;border:1px solid var(--line);background:transparent;font-size:22px;line-height:1;color:var(--ink);cursor:pointer;transition:.15s;font-family:var(--body)}
.book-modal__close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:600px){.book-modal__panel{padding:40px 20px 24px}}
/* Nudge Fluent Forms to sit on the theme's type system inside the modal */
.book-modal__panel .frm-fluent-form,.book-modal__panel .fluentform{font-family:var(--body)}
.book-modal__panel .ff-btn-submit{font-family:var(--mono)!important;letter-spacing:.04em;text-transform:uppercase}