/**
 * Amdromida Elementor Video Hero — Section Spacing Fix
 * ------------------------------------------------------
 * Every Amdromida section widget (Services, Why Choose Us, Testimonials,
 * Technology, Interior, Detailing, etc.) is built as a standalone,
 * full-bleed block with its own generous top/bottom padding (72–140px)
 * so it looks right on its own.
 *
 * When two Amdromida widgets are placed directly one after another on a
 * page, that padding "doubles up" — e.g. one section's 140px bottom
 * padding + the next section's 120px top padding = 260px of empty space
 * before Elementor's own row/column padding is even added. That's the
 * big gap you see between sections.
 *
 * This file trims the TOP padding of any Amdromida section that is
 * immediately preceded by another Amdromida section, so the visual
 * rhythm stays generous but the gap doesn't compound. It does NOT touch
 * a section's spacing when it follows normal (non-Amdromida) content,
 * so nothing changes for a section used on its own.
 *
 * Tune the gap by editing --amdromida-stack-gap-top below.
 */

:root {
    --amdromida-stack-gap-top: 40px;
}

/* Elementor wraps every widget in .elementor-element > .elementor-widget-container.
   Target the wrapper directly following another Amdromida-widget wrapper. */
.elementor-element:has(> .elementor-widget-container > [id^="amdromida-"])
+ .elementor-element
> .elementor-widget-container
> [id^="amdromida-"] {
    padding-top: var(--amdromida-stack-gap-top) !important;
}

/* Same fix inside Elementor's editor preview iframe (class names match the
   live front end, this simply guarantees the rule also applies there). */
.elementor-editor-active .elementor-element:has(> .elementor-widget-container > [id^="amdromida-"])
+ .elementor-element
> .elementor-widget-container
> [id^="amdromida-"] {
    padding-top: var(--amdromida-stack-gap-top) !important;
}