/**
 * Shrink Effect Styles
 * Applied directly to .csw-shrink-hero (native Elementor Container)
 */

/* Container with shrink effect enabled */
.csw-shrink-hero {
    transform-origin: center top;
    will-change: transform, border-radius;
    overflow: hidden; /* Required for border-radius to clip content */
}

/* Wrapper for outer background (created by JS when outer bg is set) */
.csw-shrink-wrapper {
    display: block;
    width: 100%;
}

/* Ensure child elements respect border-radius */
.csw-shrink-hero > .e-con-inner,
.csw-shrink-hero .elementor-background-overlay,
.csw-shrink-hero .elementor-background-video-container,
.csw-shrink-hero video.elementor-background-video-hosted {
    border-radius: inherit;
}

/* Editor indicator badge */
.elementor-editor-active .csw-shrink-hero::after {
    content: 'Shrink Effect ✓';
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(147, 57, 224, 0.9);
    color: white;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    z-index: 9999;
    pointer-events: none;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .csw-shrink-hero {
        transform: none !important;
    }
}