/**
 * Waismen + Bootstrap 5 — keeps brand layout; Bootstrap supplies grid, containers, utilities.
 * Load after bootstrap.min.css and before styles.css (or after styles.css — we override BS reboot here).
 */

:root {
  --container-max: 1192px;
  --container-px: 0;
  --site-inline-gutter-left: max(20px, env(safe-area-inset-left, 0px));
  --site-inline-gutter-right: max(20px, env(safe-area-inset-right, 0px));
  --bs-body-font-family: var(--font-sans, 'Nunito Sans', system-ui, sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.625;
  --bs-body-color: #191410;
  --bs-body-bg: #ffffff;
  --bs-link-color: #d94e12;
  --bs-link-hover-color: #ff6b2c;
  --bs-border-color: #ebe3d8;
  --bs-primary: #ff6b2c;
  --bs-primary-rgb: 255, 107, 44;
  --bs-secondary: #6e655d;
  --section-py: clamp(3rem, 6vw, 5rem);
}

/* Prevent Bootstrap reboot from flattening the marketing layout */
.page-root.site-main {
  min-height: 100vh;
}

.page-root.site-main .container,
.page-root.site-main .container-fluid,
.page-root.site-main .container-lg,
.page-root.site-main .container-xl,
.page-root.site-main .container-xxl {
  --bs-gutter-x: 0;
}

.page-root.site-main .container-xl {
  max-width: var(--container-max);
}

/* Semantic section shell — names match page regions for humans + SEO */
.section {
  position: relative;
  width: 100%;
}

.section-hero,
.section-hero-main,
.section-how-it-works,
.section-integrations,
.section-industries,
.section-platform,
.section-live-demo,
.section-faq,
.section-cta-banner,
.section-contact,
.section-service-hero,
.section-service-block,
.section-service-setup,
.section-service-cta,
.section-industry-hero,
.section-industry-body,
.section-mission,
.section-why-waismen,
.section-team,
.section-values,
.section-contact-cta,
.section-legal-hero,
.section-legal-body,
.section-page-hero {
  /* hooks for future refactors; visual rules stay on legacy u-* / sp-* classes */
}

.site-header.navbar,
.site-header .navbar-brand,
.site-header .nav-link {
  all: unset;
}

.site-header .container-xl {
  max-width: var(--container-max);
}