/**
 * EVS Front-end Styles
 *
 * The wrapper should be invisible to layout. We use display:contents
 * so the .evs-wrap div doesn't introduce extra box model layers that
 * could break Elementor's flex/grid layouts.
 *
 * Fallback: for browsers that don't support display:contents (very old),
 * the wrapper simply acts as a block-level container which is harmless
 * for most layouts.
 */

.evs-wrap {
    display: contents;
}

/* When the element needs to be hidden, JS sets display:none on the wrapper.
   display:contents + display:none is valid and works correctly. */

/* Placeholder used in "remove" mode — always invisible, zero-height */
.evs-placeholder {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/**
 * Accessibility: respect prefers-reduced-motion.
 * When reduced motion is preferred, skip the fade transitions.
 */
@media ( prefers-reduced-motion: reduce ) {
    .evs-wrap {
        transition: none !important;
    }
}