/* ============================================================================
 * BluePadel website v2 — shared CSS.
 *
 * Linked from every page's <head>, BEFORE that page's inline <style> block,
 * so per-page rules continue to win on specificity tie. Rules here apply
 * site-wide.
 *
 * v2 adds the BluePadel family of products — flagship AI Scoring System
 * (camera + cloud + sub-1s wrist push) alongside the standalone wrist apps
 * (Garmin / Wear OS / Apple Watch). Brand palette unchanged from v1.
 * ========================================================================= */

/* Horizontal-scroll defence ------------------------------------------------ */
html, body { overflow-x: clip; }

/* Mobile nav crowding (≤540 px) ------------------------------------------- */
@media (max-width: 540px) {
  .nav-inner { padding: 12px 14px; }
  .brand { font-size: 1.05rem; gap: 8px; }
  .brand-mark { width: 26px; height: 26px; }
  .nav-links .btn { padding: 9px 14px; font-size: .88rem; }
}

/* Footer brand paragraph cap ---------------------------------------------- */
.foot-brand p { max-width: min(320px, 100%); color: #8993A8; }
