/* ============================================================
   Swift Run widgets — helper CSS only.
   The design system lives in the child theme's main.css (verbatim
   from the approved static build). This file only:
   1) forces revealed states inside the Elementor editor preview
      (widgets are injected after main.js's observers run once), and
   2) provides the optional image hover-effect presets.
   ============================================================ */

/* 1 — Editor preview: show everything the reveal system would hide */
body.elementor-editor-active [data-reveal],
body.elementor-editor-active [data-reveal-img],
body.elementor-editor-active [data-hero-fade] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
}
body.elementor-editor-active .line-inner { transform: none !important; }
body.elementor-editor-active [data-reveal-scale] img { scale: 1 !important; }
body.elementor-editor-active .quickbar { transform: none !important; opacity: 1 !important; }

/* 2 — Image hover-effect presets (applied via widget wrapper class) */
[class*="sr-imgfx-"] img {
  transition: transform 0.6s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)), filter 0.6s ease;
}
.sr-imgfx-zoom figure:hover img,
.sr-imgfx-zoom .frame:hover img { transform: scale(1.06); }
.sr-imgfx-grow figure:hover img,
.sr-imgfx-grow .frame:hover img { transform: scale(1.03); }
.sr-imgfx-lift figure:hover img,
.sr-imgfx-lift .frame:hover img { transform: translateY(-8px); }
.sr-imgfx-gray img { filter: grayscale(1); }
.sr-imgfx-gray figure:hover img,
.sr-imgfx-gray .frame:hover img { filter: grayscale(0); }

/* 3 — Elementor wrapper neutralizer: containers marked .sr-con and every
   Swift Run widget wrapper add zero chrome, so each section renders
   edge-to-edge exactly like the approved static markup. */
.e-con.sr-con {
  --content-width: 100%;
  --width: 100%;
  --padding-block-start: 0;
  --padding-block-end: 0;
  --padding-inline-start: 0;
  --padding-inline-end: 0;
  --row-gap: 0;
  --column-gap: 0;
  max-width: 100%;
}
[class*="elementor-widget-swiftrun-"] {
  margin: 0;
  width: 100%;
  max-width: 100%;
}
[class*="elementor-widget-swiftrun-"] > .elementor-widget-container {
  margin: 0;
  padding: 0;
}