/* ==========================================================================
   Wiblue static site: layout fixes (2026-10-24)
   Fixes problems inherited from the original Elementor/Astra pages:
   text 10px from the screen edge, sideways scrolling, very tight line spacing, and the blue intro box covering the hero subtitle on phones.
   Loaded last in <head> so it overrides the Elementor/theme CSS.
   ========================================================================== */

:root { --st-gutter: clamp(16px, 4vw, 48px); }

/* No sideways scrolling. */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) { html { overflow-x: hidden; } }

/* Side gutters so text never sits against the screen edge. */
.elementor-section > .elementor-container {
  padding-left: var(--st-gutter);
  padding-right: var(--st-gutter);
  box-sizing: border-box;
}

/* Comfortable line spacing for body text and lists. */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li { line-height: 1.5 !important; }

/* Large paragraph text was set to line-height 0.84 (lines overlapped). */
.elementor-element-ba42dfe p, .elementor-element-f00ec61 p, .elementor-element-b8d8661 p,
.elementor-element-ba42dfe, .elementor-element-f00ec61, .elementor-element-b8d8661 { line-height: 1.35 !important; }

/* Phones: the blue intro box was pulled up 200px, over the 3-line hero subtitle,
   with only 4px inner padding. Overlap the hero by 40px instead and pad the text. */
@media (max-width: 767px) {
  .elementor-element-b2e4609 > .elementor-widget-container { margin-top: -40px !important; padding: 18px 20px !important; }
}