/* ──────────────────────────────────────────────────────────────────────────
   Focus Physiotherapy — Site-wide overrides
   Loaded AFTER focus-physiotherapy.webflow.css so these rules win.
   ────────────────────────────────────────────────────────────────────────── */

/* Content containers — match navbar width (95vw) with a wider cap so
   the main content area is no longer visually pinched on desktop.
   The section WRAPPERS stay full-width (keeping the gray dividing bars),
   but the CONTENT inside matches the 95vw nav width.
   NOTE: The nav bar itself is a custom component (see .fp-nav rules in
   BaseLayout.astro); these selectors cover the remaining Webflow page
   sections (breadcrumb, marketing sections, footer). */
.div-block-512, /* breadcrumb outer (section-5) */
.div-block-526, /* breadcrumb inner row */
.footer-divider,
.div-block-484,
.div-block-486,
.div-block-487,
.div-block-498,
.div-block-503,
.div-block-521,
.heading-136,
.div-block-534,
.div-block-556,
.div-block-563,
.heading-144,
.collection-list,
.div-block-581,
.div-block-582,
.div-block-583,
.div-block-584,
.div-block-586,
.div-block-588,
.div-block-590,
.div-block-598,
.div-block-612,
.div-block-620,
.div-block-622,
.heading-155,
.div-block-630,
.div-block-640,
.heading-162,
.div-block-648,
.div-block-649,
.div-block-659,
.div-block-674,
.div-block-675 {
  width: 95vw !important;
  max-width: 1700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Smaller nested containers kept narrower for readability on text/image pairs */
.div-block-537,
.div-block-538,
.div-block-542 {
  width: 80vw !important;
  max-width: 1500px !important;
}

/* Breadcrumb inner row had a baked-in 20px left padding from Webflow
   that pushed its content inward, misaligning it with the nav logo.
   Zero it out so the breadcrumb sits flush with the 95vw content edge. */
.div-block-526 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
}

/* Section 17 (individual location page) — remove internal width cap
   so our custom .fp-loc-wrap can control width. */
.section-17,
.section-15,
.section-16 {
  width: 100%;
}

/* Ensure on smaller screens everything still fits */
@media (max-width: 960px) {
  .footer-divider,
  .div-block-484,
  .div-block-486,
  .div-block-487,
  .div-block-498,
  .div-block-503,
  .div-block-521,
  .heading-136,
  .div-block-534,
  .div-block-556,
  .div-block-563,
  .heading-144,
  .collection-list,
  .div-block-581,
  .div-block-582,
  .div-block-583,
  .div-block-584,
  .div-block-586,
  .div-block-588,
  .div-block-590,
  .div-block-598,
  .div-block-612,
  .div-block-620,
  .div-block-622,
  .heading-155,
  .div-block-630,
  .div-block-640,
  .heading-162,
  .div-block-648,
  .div-block-649,
  .div-block-659,
  .div-block-674,
  .div-block-675 {
    width: 92vw !important;
  }
}