/* Generated by tools/build.py from the client's sr-integration.css, every rule scoped under .sr-page. Do not edit. */
/* Site Robotics Blocks - WordPress / Elementor / hello-elementor integration.
   The client's stylesheets are not changed; this file only stops the theme and the
   Elementor kit from restyling the supplied markup. Written by hand, not generated. */

/* A container holding an SR widget is full-bleed with no gaps: the widget draws the whole section. */
.e-con.sr-shell,
.e-con:has(> .elementor-widget[class*="elementor-widget-sr_"]),
.e-con:has(> .e-con-inner > .elementor-widget[class*="elementor-widget-sr_"]) {
  --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
  --gap: 0px; --row-gap: 0px; --column-gap: 0px; --margin-top: 0px; --margin-bottom: 0px;
  --content-width: 100%;
  padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; max-width: 100% !important;
}
.e-con.sr-shell > .e-con-inner,
.e-con:has(> .e-con-inner > .elementor-widget[class*="elementor-widget-sr_"]) > .e-con-inner {
  padding: 0 !important; max-width: 100% !important; gap: 0 !important;
}
.elementor-widget[class*="elementor-widget-sr_"] { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
.elementor-widget[class*="elementor-widget-sr_"] > .elementor-widget-container { margin: 0; padding: 0; }

/* The old site-wide Additional CSS forces `.sr-btn{white-space:nowrap}` (an old-build rule, kept
   because the legacy pages still need it); the client's buttons wrap normally. */
.sr-page .sr-btn { white-space: normal; }

/* hello-elementor paints every <button> white-on-pink while hovered, focused or pressed
   (`[type=button]:hover { color:#fff; background-color:#c36 }`), which made the stage tab labels
   disappear (white on white) after a click. The client's buttons never changed colour that way.
   These sit at 0,3,0, above the theme (0,2,0) and below nothing the client wrote: hiw.css loads
   after this file, so the client's own :hover / [aria-selected] rules (same weight) still win. */
.sr-page .sr-stages__tab:hover, .sr-page .sr-stages__tab:focus, .sr-page .sr-stages__tab:active {
  color: var(--sr-ink); background-color: transparent; text-decoration: none;
}
.sr-page .sr-config__pin:hover, .sr-page .sr-config__pin:focus, .sr-page .sr-config__pin:active {
  color: revert; background-color: transparent; text-decoration: none;
}

/* Elementor's `.elementor .elementor-widget:not(...):not(...) figure { margin: 0 }` (0,4,1) outranks the
   client's `.sr-finding { margin-top: clamp(32px, 4vw, 48px) }`; restate that one value with more weight. */
html body .elementor .elementor-widget .sr-page figure.sr-finding { margin-top: clamp(32px, 4vw, 48px); }
html { scroll-padding-top: 140px; }