/**
 * Global: base.css
 * Document base, marketing page stack, and full-bleed section rules.
 *
 * Loaded on every marketing front-end request (see inc/assets.php).
 * Pattern-specific CSS stays in assets/css/blocks/.
 */

/* ——— Base ——— */

html {
  overflow-x: clip;
  /* Prevent iOS Safari from inflating body text in landscape. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  text-wrap: pretty;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: var(--tidal-wave-body-size);
}

.wp-site-blocks {
  min-height: 100vh;
  gap: 0;
  overflow-x: clip;
}

.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > main.wp-block-group {
  margin-block: 0;
}

.wp-site-blocks > header.wp-block-template-part + main.wp-block-group {
  margin-block-start: 0 !important;
}

/* Marketing pages: stack wave sections flush with no gap */
main.wp-block-group:has(.tidal-wave-wave-section) {
  gap: 0 !important;
  padding-block-start: 0 !important;
}

main.wp-block-group:has(.tidal-wave-wave-section) .wp-block-post-content {
  --wp--style--block-gap: 0;
  padding-block-start: 0 !important;
  margin-block-start: 0 !important;
}

main.wp-block-group:has(.tidal-wave-wave-divider) {
  gap: 0 !important;
}

/* Marketing heroes sit flush under the header with no canvas seam */
main .wp-block-post-content > .tidal-wave-wave-section:first-child {
  margin-block-start: 0 !important;
}

.wp-block-post-content.is-layout-flow > .tidal-wave-wave-section:first-child {
  margin-block-start: 0 !important;
}

/* Last page divider should meet the footer with no seam gap */
main .wp-block-post-content > .tidal-wave-wave-divider:last-child,
main .wp-block-post-content > .wp-block-tidal-wave-wave-divider:last-child {
  margin-bottom: -2px;
}

/*
 * Section shells must not inherit theme.json core/group 24px radius (hero seam).
 * Keep this narrow: wave sections / panels only. Card components
 * (.tidal-wave-pricing-card, .tidal-wave-card, FAQ items, etc.) keep
 * --wp--custom--radius--card. Hero nested groups are squared in hero-shell.css.
 */
.wp-block-group.alignfull.tidal-wave-wave-section,
.wp-block-group.tidal-wave-wave-section,
.wp-block-group.tidal-wave-wave-panel {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ——— Wave section primitives — see assets/css/waves.css ——— */