/* ==========================================================================
   ZEB link static site: layout fixes (2026-10-24)
   Fixes problems inherited from the original Elementor/Astra page:
   text 10px from the screen edge, sideways scrolling on phones, very tight
   line spacing, and a 63px heading on phones (one word per line).
   Loaded last in <head> so it overrides the Elementor/theme CSS.
   ========================================================================== */

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

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

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

/* 3. Line spacing (was ~1.0 on the large text, 1.1-1.2 on body text). */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li { line-height: 1.5 !important; }
.elementor-element-c6bca09 p,          /* "Innovative hardware and software..." */
.elementor-element-c778f23 p {        /* "ZEB link is designed and manufactured..." */
  line-height: 1.35 !important;
}
.elementor-widget-text-editor li { margin-bottom: 0.25em; }

/* 4. Phones: scale the oversized text so it reads naturally. */
@media (max-width: 767px) {
  .elementor-element-c3dfd3d .elementor-heading-title { font-size: clamp(34px, 10vw, 44px) !important; line-height: 1.15 !important; }
  .elementor-element-c6bca09, .elementor-element-c6bca09 p { font-size: 22px !important; }
  .elementor-element-c778f23, .elementor-element-c778f23 p { font-size: 19px !important; }
  .elementor-element-a81c77b, .elementor-element-a81c77b li { font-size: 18px !important; }
  .elementor-element-c3dfd3d, .elementor-element-c6bca09, .elementor-element-c778f23 { width: 100% !important; max-width: 100% !important; }
}