/* wgl-pages.css — page-specific overrides and supplemental styles */

/* HIW step flow diagram SVG wrapper */
.wgl-flow-svg-wrap {
  max-width: 640px;
  margin: 40px auto;
}

/* Features alternating split */
.wgl-feature-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  padding: 80px 0;
}
.wgl-feature-split--rev { }
.wgl-feature-split--rev .wgl-feature-split__img { order: -1; }
.wgl-feature-split__text {}
.wgl-feature-split__heading { font-family: var(--font-display); font-size: clamp(1.625rem, 2.5vw, 2.125rem); font-weight: 600; color: var(--fg-light-1); margin-bottom: 16px; }
.wgl-feature-split__copy { font-size: 1.0625rem; color: var(--fg-light-2); line-height: 1.75; }
.wgl-feature-split__img { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lift); }
.wgl-feature-split__img img { width: 100%; height: auto; }
@media (max-width: 900px) {
  .wgl-feature-split { grid-template-columns: 1fr; gap: 40px; }
  .wgl-feature-split--rev .wgl-feature-split__img { order: 0; }
}

/* Booking confirmation mock */
.wgl-booking-confirmation {
  background: var(--bg-white);
  border: 1px solid rgba(28,43,58,0.1);
  border-radius: var(--radius-md);
  padding: 24px;
  max-width: 360px;
  box-shadow: var(--shadow-card);
}
.wgl-booking-confirmation__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(28,43,58,0.08);
}
.wgl-booking-confirmation__status-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #059669; flex-shrink: 0;
}
.wgl-booking-confirmation__status { font-size: 0.75rem; font-weight: 700; color: #059669; text-transform: uppercase; letter-spacing: 0.08em; }
.wgl-booking-confirmation__name { font-family: var(--font-display); font-size: 1.125rem; font-weight: 600; color: var(--fg-light-1); margin-bottom: 4px; }
.wgl-booking-confirmation__row { display: flex; justify-content: space-between; font-size: 0.875rem; padding: 6px 0; border-bottom: 1px solid rgba(28,43,58,0.05); }
.wgl-booking-confirmation__row:last-child { border-bottom: none; }
.wgl-booking-confirmation__label { color: var(--fg-light-2); }
.wgl-booking-confirmation__val { font-weight: 500; color: var(--fg-light-1); }
.wgl-booking-confirmation__conf { font-size: 0.75rem; font-family: var(--font-mono); color: var(--fg-light-2); margin-top: 12px; padding-top: 12px; border-top: 1px dashed rgba(28,43,58,0.1); }

/* Pricing hero with raster bg + light scrim */
.wgl-pricing-hero {
  padding-top: 0;
  margin-top: 0;
}

/* Sub-section heading helpers */
.wgl-section-heading { margin-bottom: 48px; }
.wgl-section-heading h2 { font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 600; color: var(--fg-light-1); }
.wgl-section-heading p { font-size: 1.0625rem; color: var(--fg-light-2); margin-top: 12px; max-width: 580px; line-height: 1.65; }

/* HIW CTA small strip */
.wgl-hiw-cta { padding: 80px 0; text-align: center; }
.wgl-hiw-cta h2 { font-family: var(--font-display); font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 600; color: var(--fg-light-1); margin-bottom: 24px; }

/* Inline SVG flow diagram */
.wgl-flow-svg { width: 100%; max-width: 640px; display: block; margin: 0 auto; }