/* =====================================================================
   Bike Café (bikecafe.us): site-wide base CSS
   Loaded by the Bricks child theme (functions.php). Only rules that Bricks
   has no control for live here. Colours, type sizes and spacing are Bricks
   global variables (Bricks > Variables); component styles are global classes.
   ===================================================================== */

/* --- Base --- */
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 1rem); }
body { overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4 { overflow-wrap: break-word; }
p { margin: 0 0 var(--space-sm); }
ul, ol { margin: 0; padding: 0; }
a { text-underline-offset: .18em; }

/* --- Accessibility --- */
.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* --- Fluent Forms: match the design's form card --- */
/* Filled in when the forms are built. */