/* Fixes from the 10/8 review (2026-10-08). Loaded after Webflow's stylesheet on every page.
   Page-specific rules are scoped with html[data-wf-page="<page id>"] (Webflow's per-page id). */

/* ── Nav: show which page you're on ──────────────────────────────────────────────────────────── */
.navbar .w-dropdown-list .is-current-item {
  background: rgba(0, 71, 186, 0.08);
  border-radius: 10px;
}
.navbar .w-dropdown-list .is-current-item > a,
.navbar a.is-current,
.navbar .w-dropdown.has-current > .w-dropdown-toggle,
.navbar .w-dropdown.has-current > .w-dropdown-toggle a {
  color: #0047ba !important;
}

/* ── Booking page (contact/sales-calendar) ───────────────────────────────────────────────────── */
.nl-book {
  max-width: 1300px;
  margin: 40px auto 56px;
  padding: 0 20px;
}
.nl-book__intro { text-align: center; margin: 0 auto 24px; max-width: 640px; }
.nl-book__intro h1 { margin: 0 0 12px; font-size: 50px; font-weight: 500; line-height: 1.15; }
.nl-book__intro p { margin: 0; font-size: 18px; line-height: 1.5; color: #333; }
.nl-book__calendar {
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 8px 30px rgba(15, 30, 80, 0.08);
}
.nl-book__calendar iframe { display: block; width: 100%; height: 760px; border: 0; }
.nl-book__fallback { text-align: center; margin: 16px 0 0; font-size: 15px; color: #444; }
.nl-book__fallback a { color: #0047ba; }
@media (max-width: 767px) {
  .nl-book { margin-top: 24px; }
  .nl-book__intro h1 { font-size: 34px; }
  .nl-book__calendar iframe { height: 900px; }
}

/* ── Spacing ─────────────────────────────────────────────────────────────────────────────────── */
/* Framer: room above "A Complete Website Builder" */
html[data-wf-page="67656b11b0f00b45a8714c3f"] .section-356 { margin-top: 56px; }
/* WooCommerce: "Our Latest Project" ran straight into the Integrations card */
html[data-wf-page="6749be6cc5b6dfd04baedbc9"] .section-275-1 { margin-top: 64px; }
/* Shopify: text under the hero */
html[data-wf-page="6749e3023e5c5a9586ac2f58"] .section-259 { margin-top: 48px; }
/* Start Your Project: gradient card sat on the footer */
html[data-wf-page="68f8fa01991e8491bf81e365"] .section-466 { margin-bottom: 64px; }
/* Compliance: cards crowded the next section */
html[data-wf-page="67365823f48bb91741e6be7c"] .section-156 { margin-top: 48px; }

/* ── BigCommerce: hero heading used gradient-filled text; match the other pages (black + one blue phrase) */
html[data-wf-page="673dba754741ffdf09b999d6"] h1.heading-120 {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: #000;
}

/* ── Wix: the blue panel stops two-thirds of the way down the screenshot instead of filling behind it */
html[data-wf-page="6734a16d5d46a8c242d5c9a8"] .section-140 {
  background-size: 100% 68%;
  background-repeat: no-repeat;
}
html[data-wf-page="6734a16d5d46a8c242d5c9a8"] .section-140 img {
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(15, 30, 80, 0.14);
}

/* Branding: hero button sits under the hero text. It shares the paragraph's class so it gets the same
   left offset at every breakpoint (the hero positions its text with large left margins, not a grid). */
.section-421 .nl-hero-cta { margin-top: 24px; }