/* ============================================================
   HTES — mobile refinements.  Loaded on every page.
   All rules scoped to <= 640px so the desktop design is untouched.
   ============================================================ */
/* Display-only images — visitors cannot click-to-upload/replace photos on the live site */
image-slot { pointer-events: none !important; }
/* Photos that open in the lightbox */
.htes-zoom { cursor: zoom-in; }

@media (max-width: 640px) {

  /* Fluid, smaller display type on phones (overrides inline sizes) */
  h1 { font-size: clamp(2.25rem, 8.5vw, 2.9rem) !important; line-height: 1.08 !important; }
  h2 { font-size: clamp(1.65rem, 6.2vw, 2.15rem) !important; line-height: 1.15 !important; }
  h3 { font-size: clamp(1.3rem, 5vw, 1.6rem) !important; }
  .htes-quote { font-size: clamp(1.4rem, 5.6vw, 1.85rem) !important; line-height: 1.4 !important; }

  /* Keep the nav lockup subtitle on a single line */
  .htes-nav-sub { font-size: 8.5px !important; letter-spacing: 0.6px !important; }

  /* Inputs must never force horizontal overflow; stack name/phone */
  .htes-input { min-width: 0 !important; }
  .htes-namerow { grid-template-columns: 1fr !important; }

  /* Shorter placeholder/image blocks on phones */
  .htes-moments > div { height: 200px !important; }
  .htes-hero-img { height: 380px !important; }
  .htes-tall-img { height: 360px !important; }

  /* Events calendar: hide the wide month grid, show the agenda list */
  .htes-cal-grid-wrap { display: none !important; }
  .htes-cal-agenda { display: block !important; }
  .htes-cal-nav { gap: 14px !important; }
  .htes-month-label { min-width: 0 !important; font-size: 28px !important; }
}

/* The mobile agenda is hidden on desktop by default (shown via the query above) */
.htes-cal-agenda { display: none; }