/* Mirrors static-site/assets/css/design-system-v1.css tokens for Elementor. */
:root {
  --font-sans: "Helvetica Neue", "Segoe UI", "Noto Sans", system-ui, sans-serif;
  --seer-navy: #082b3d;
  --seer-navy-deep: #041c2b;
  --seer-orange: #f15a18;
  --seer-orange-hover: #d94e10;
  --seer-cream: #f5f1e9;
  --seer-cream-light: #faf8f3;
  --seer-white: #ffffff;
  --seer-text: #173447;
  --seer-text-muted: #667b88;
  --seer-border: #d9d8d2;
  --seer-border-light: #e7e4dc;
  --seer-bg-cool: #eef2f3;
  --seer-page-background: var(--seer-white);
  --seer-section-background: var(--seer-white);
  --seer-surface-background: var(--seer-white);
  --seer-orange-soft: #fff0e8;
  --seer-border-alpha: rgba(8, 43, 61, .12);
  --seer-focus-ring: rgba(241, 90, 24, .38);
  --seer-danger: #8b2c0d;
  --seer-font-display: "Iowan Old Style", Baskerville, "Times New Roman", serif;
  --seer-font-body: "Helvetica Neue", Arial, sans-serif;
  --seer-font-data: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --seer-type-hero: clamp(56px, 4.15vw, 64px);
  --seer-type-h1: clamp(52px, 3.9vw, 60px);
  --seer-type-h2: clamp(38px, 3vw, 46px);
  --seer-type-h3: clamp(24px, 2vw, 30px);
  --seer-type-h4: clamp(18px, 1.5vw, 22px);
  --seer-type-body-lg: 18px;
  --seer-type-body: 16px;
  --seer-type-small: 14px;
  --seer-type-label: 12px;
  --seer-type-button: 14px;
  --seer-space-1: 8px;
  --seer-space-2: 12px;
  --seer-space-3: 16px;
  --seer-space-4: 24px;
  --seer-space-5: 32px;
  --seer-space-6: 40px;
  --seer-space-7: 48px;
  --seer-space-8: 64px;
  --seer-space-9: 80px;
  --seer-space-10: 96px;
  --seer-space-11: 120px;
  --seer-radius-sm: 6px;
  --seer-radius-md: 10px;
  --seer-radius-lg: 16px;
  --seer-radius-xl: 20px;
  --seer-shadow-sm: 0 6px 20px rgba(5, 32, 47, .05);
  --seer-shadow-md: 0 14px 40px rgba(5, 32, 47, .08);
  --seer-container: 1440px;
  --seer-gutter: clamp(40px, 4.45vw, 80px);
  --seer-section-space: 120px;
  --seer-section-space-tablet: 88px;
  --seer-section-space-mobile: 64px;
  --seer-motion-duration: 250ms;
  --seer-motion-ease: ease-out;
  --seer-cta-primary-weight: 600;
  --seer-cta-primary-line-height: 1;
  --seer-cta-primary-tracking: .025em;
  --seer-cta-secondary-weight: 500;
  --seer-cta-secondary-line-height: 1.3;
  --seer-cta-secondary-tracking: .015em;
}

html {
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * Every SEER POWER Widget owns an edge-to-edge stage. This touches only an
 * Elementor host with a direct, named SEER POWER Widget child; each Widget's
 * own shell remains responsible for readable internal gutters.
 */
:where(.e-con, .e-con-inner, .elementor-widget-wrap):has(> :is(
  .elementor-widget-seerpower_industry_solutions,
  .elementor-widget-seerpower_global_cases,
  .elementor-widget-seerpower_project_support_process,
  .elementor-widget-seerpower_solutions_hero,
  .elementor-widget-seerpower_solutions_faq,
  .elementor-widget-seerpower_solutions_project_cta,
  .elementor-widget-seerpower_product_hero,
  .elementor-widget-seerpower_product_specifications,
  .elementor-widget-seerpower_standard_configuration,
  .elementor-widget-seerpower_optional_upgrades,
  .elementor-widget-seerpower_industry_applications,
  .elementor-widget-seerpower_faq_trust,
  .elementor-widget-seerpower_more_products,
  .elementor-widget-seerpower_home_hero,
  .elementor-widget-seerpower_home_power_ranges,
  .elementor-widget-seerpower_home_dealer_value,
  .elementor-widget-seerpower_home_support_journey,
  .elementor-widget-seerpower_home_industry_solutions,
  .elementor-widget-seerpower_home_certifications,
  .elementor-widget-seerpower_home_faq,
  .elementor-widget-seerpower_home_dealer_cta,
  .elementor-widget-seerpower_dealer_center
)) {
  padding-inline: 0 !important;
  padding-block: 0 !important;
  --widgets-spacing: 0px;
  row-gap: 0;
}

@media (max-width: 1024px) {
  :root { --seer-gutter: clamp(24px, 4vw, 32px); }
}

@media (max-width: 767px) {
  :root {
    --seer-gutter: clamp(18px, 5vw, 20px);
    --seer-type-hero: clamp(38px, 10.5vw, 44px);
    --seer-type-h1: clamp(38px, 10vw, 44px);
    --seer-type-h2: clamp(30px, 8vw, 36px);
    --seer-type-h3: clamp(22px, 6.5vw, 26px);
    --seer-type-body-lg: 16px;
  }
}
