/* Phones (≤ 700px). Loaded last on every page so it wins over page styles.
   Measured before this file (2026-10-22, 390px, Hebrew): a third to half of the
   text sat at 8-13px and most controls were under 40px tall. Three fixes:
   a larger type scale, finger-sized controls, and a "Write to us" bar. */
@media (max-width: 700px) {
  /* 1. Type: every rem-based size grows by an eighth (labels at .7rem reach
     12.6px, body text 17px). Small labels get a floor of their own below. */
  html { font-size: 112.5%; }
  :root {
    --t-sm: 0.86rem;   /* ≈ 15.5px */
    --t-base: 0.95rem; /* ≈ 17px */
    --t-xl: clamp(1.45rem, 1.2rem + 1.2vw, 1.8rem);
    --t-2xl: clamp(1.8rem, 1.4rem + 2.4vw, 2.3rem);
    --t-3xl: clamp(2.2rem, 1.6rem + 4vw, 3rem);
    --gutter: 1.15rem;
  }
  body { line-height: 1.6; -webkit-text-size-adjust: 100%; }
  .kicker, .fld label, .mf__or, figcaption { font-size: max(.72rem, 12.5px); }
  p, li, dd { overflow-wrap: anywhere; }

  /* 2. Controls a finger can hit (44px, WCAG 2.5.5 target size). */
  .brand, .langs button, .menu-btn, .bar__nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .langs { gap: .35rem; }
  .brand span { display: none; } /* the mark alone: the word ran into the EN button */
  .langs button { min-width: 44px; justify-content: center; font-size: .8rem; }
  .menu-btn { padding-inline: .9rem; border: 1px solid var(--hair, rgba(242, 242, 240, .2)); border-radius: 999px; font-size: .8rem; }
  .menu nav a { display: block; padding-block: .55rem; font-size: 1.5rem; }
  .foot__nav a, .foot__legal a, .foot__contact a:not(.cta) { display: inline-block; padding-block: .6rem; }
  .foot__legal nav { gap: 0 1.2rem; }
  .foot__legal { font-size: .82rem; }
  .cta { min-height: 48px; }
  input, select, textarea { font-size: max(16px, 1em) !important; } /* below 16px iOS zooms the page on focus */
  .fld input, .fld textarea { min-height: 44px; }
  .chk, .mc__rem { min-height: 44px; align-items: center; }

  /* 3. Shorter pages: less empty space between sections. */
  .foot { padding-block: 3rem 6.5rem; gap: 2rem; }
  .mf { padding-block: 3.5rem; }

  /* The "Write to us" bar: always one tap away from the form. Hidden by
     site.js?v=2980bab31a while a form or the footer is on screen. */
  .mcta {
    position: fixed; inset-inline: .75rem; bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)); z-index: 40;
    display: flex; gap: .5rem;
    transition: transform 300ms var(--ease, ease), opacity 300ms var(--ease, ease);
  }
  /* Two actions: the form (gold) and WhatsApp (dark with a gold ring). */
  .mcta__a {
    flex: 1 1 0; display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 999px;
    background: var(--gold); color: var(--bg); font: 600 1rem/1 var(--text); text-decoration: none; text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  }
  .mcta__a--wa { flex: 0 0 auto; padding-inline: 1.4rem; background: var(--raised); color: var(--ink); box-shadow: inset 0 0 0 1px var(--gold), 0 10px 30px rgba(0, 0, 0, .45); }
  .mcta.is-off { transform: translateY(140%); opacity: 0; pointer-events: none; }
}
@media (min-width: 701px) { .mcta { display: none; } }
@media (prefers-reduced-motion: reduce) { .mcta { transition: none; } }