/* site-mobile.css v1 — phone: concise, no horizontal scroll, low GPU */
@media (max-width: 920px), (hover: none) and (pointer: coarse) {
  html, body {
    max-width: 100vw;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
  }
  .lang-gate, .mission-desk, .site-hero, header.site-header, .topbar {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .lang-gate h1, .mission-desk h1, .site-hero h1 {
    font-size: clamp(1.45rem, 6vw, 1.85rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
  }
  .lang-gate p, .mission-desk p, .site-hero p {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    max-width: 36ch !important;
  }
  a, button, .nav-link-entry, .cta, .btn { min-height: 44px; }
  input, select, textarea { font-size: 16px !important; }
  .glow, .neon, .blur-xl, .backdrop-blur,
  [class*="glow"], [class*="blur-"] {
    filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }
  .destinations, .grid-destinations, .cards-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  img, video { max-width: 100% !important; height: auto !important; }
}


/* === click-fix: sticky topbar was eating hero CTA clicks === */
@media (max-width: 920px), (hover: none) and (pointer: coarse) {
  .topbar {
    pointer-events: none !important;
  }
  .topbar a,
  .topbar button,
  .topbar .nav,
  .topbar .nav-link-entry,
  .topbar .menu-btn,
  .topbar [role="button"],
  .topbar .lang-btn,
  .topbar .burger {
    pointer-events: auto !important;
  }
  #heroPageCard,
  .hero-page-card {
    position: relative;
    z-index: 5;
    margin-top: 8px !important;
  }
  #heroPageCard .hero-actions,
  #heroPageCard .cta-row,
  #heroPageCard a,
  #heroPageCard button {
    position: relative;
    z-index: 6;
  }
}

/* desktop: same pass-through on brand-only zones */
.topbar .brand {
  pointer-events: none;
}
.topbar a,
.topbar button {
  pointer-events: auto;
}