/* =============================================================================
   CF Hero Slides — native overlay for Elementor Pro's Slides widget
   =============================================================================

   Owned by the cf-elementor-custom-widgets plugin. The PHP side
   (customizations/class-cf-slides-enhancements.php) adds per-slide responsive
   layout/spacing controls plus a two-level (global + per-slide) overlay system
   to Elementor Pro's Slides widget, replacing the site-specific theme CSS that
   used to paint overlays via `.homeImpactSlide .elementor-repeater-item-*:before`.

   This file holds ONLY the markup-free overlay surface: a pseudo-element on the
   always-rendered `.swiper-slide-bg`. Everything else (colour, gradient,
   opacity, per-slide vs global) is driven by control selectors generated from
   the widget settings, so no per-site CSS is ever needed.

   ---------------------------------------------------------------------------
   HOW THE OVERLAY LAYERS
   ---------------------------------------------------------------------------
   - `.swiper-slide-bg` is static and `.swiper-slide` is position:relative, so
     the `::after` (position:absolute; inset:0) fills the whole slide.
   - `.swiper-slide-inner` (position:absolute; inset:0) comes AFTER the bg in the
     DOM, so slide content paints above the overlay by tree order — no z-index
     juggling is needed (and adding it would break the inner's absolute fill).
   - Colour / gradient: painted by Group_Control_Background on this `::after`.
       global    → {{WRAPPER}} .swiper-slide-bg::after
       per-slide → {{WRAPPER}} {{CURRENT_ITEM}} .swiper-slide-bg::after  (wins by
                   one extra class of specificity when set to "Custom").
   - Opacity: driven by the `--cf-slide-overlay-opacity` custom property so a
     per-slide value transparently overrides the global one, and "Disabled"
     forces opacity:0 at per-slide specificity (hides even a global overlay).
   ========================================================================== */

.elementor-widget-slides .swiper-slide-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none; /* slides may be links; never intercept clicks. */
	opacity: var( --cf-slide-overlay-opacity, 1 );
}