/* ==========================================================================
   REVERON EMPIRE — Responsive layer (mobile-first enhancements)
   Reference widths: 375 · 430 · 768 · 1024 · 1440 · 1920
   Route System compositions live in route.css (home + inner pages) and
   pages.css (services, coverage, quote, contact).
   ========================================================================== */

/* ---------- ≥ 600px ---------- */
@media (min-width: 600px) {
  .re-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .field--full { grid-column: 1 / -1; }
  .site-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__top > :last-child { grid-column: 1 / -1; }
  .destination__arrival { grid-template-columns: minmax(2rem, 1fr) auto auto; }
  .destination__arrival .btn { grid-column: auto; margin-left: var(--space-3); }
}

/* ---------- ≥ 1024px (desktop) ---------- */
@media (min-width: 1024px) {
  :root { --header-h: 84px; }

  /* Header */
  .primary-nav { display: block; }
  .lang-switch--header { display: inline-flex; }
  .site-header .site-header__cta { display: inline-flex; }
  .menu-toggle { display: none; }
  .mobile-menu { display: none !important; }
  .no-js .site-header__inner { flex-wrap: nowrap; height: var(--header-h); padding-block: 0; }
  .no-js .primary-nav { order: 0; width: auto; }

  /* About pillars */
  .pillar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 7vw, 8rem); }
  .pillar:nth-of-type(even) .pillar__text { order: 2; }

  /* Footer */
  .site-footer__statement { grid-template-columns: minmax(0, 1fr) auto; }
  .site-footer__brand { justify-items: end; text-align: right; }
  .site-footer__top { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.9fr) minmax(0, 1fr); column-gap: var(--space-7); }
  .site-footer__top > :last-child { grid-column: auto; }
  /* The service list is long: flow it into two columns beside the other indexes. */
  .site-footer__index--split { display: block; column-count: 2; column-gap: var(--space-6); }
  .site-footer__index--split li { break-inside: avoid; }
}

/* ---------- Very large screens ---------- */
@media (min-width: 1680px) {
  :root { --gutter: 4rem; }
}