/* Effektgruppe: layout/grow-reveal; Reihenfolge in inc/assets.php. */

:root {
    --grow-blur: 3px;
}

/* --- 1. GEMEINSAME LOGIK & PERFORMANCE --- */
.grow-down, .grow-left, .grow-right {
    display: grid;
    overflow: hidden;
    transition: 1.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.grow-down > .kt-inside-inner-col, 
.grow-left > .kt-inside-inner-col, 
.grow-right > .kt-inside-inner-col {
    opacity: 1;
    filter: blur(0px);
    position: relative;
    
    /* PERFORMANCE BOOST */
    will-change: transform, opacity, filter; 
    transform: translateZ(0); /* Erzwingt Hardware-Beschleunigung */
    backface-visibility: hidden;
    
    transition: 
        transform 1.0s cubic-bezier(0.25, 1, 0.5, 1), 
        opacity 0.6s ease-out,
        filter 0.8s ease-out;
}

/* --- 2. RICHTUNGS-SPEZIFISCH --- */

/* GROW DOWN */
.grow-down { grid-template-rows: 1fr; }
.grow-down > .kt-inside-inner-col { transform-origin: top center; transform: scaleY(1) translateZ(0); }
.has-js .grow-down:not(.is-visible) { grid-template-rows: 0fr; }
.has-js .grow-down:not(.is-visible) > .kt-inside-inner-col { 
    transform: scaleY(0) translateZ(0); 
    opacity: 0; 
    filter: blur(var(--grow-blur, 3px)); 
}

/* GROW LEFT */
.grow-left { grid-template-columns: 1fr; justify-content: end; }
.grow-left > .kt-inside-inner-col { transform-origin: right center; transform: scaleX(1) translateZ(0); }
.has-js .grow-left:not(.is-visible) { grid-template-columns: 0fr; }
.has-js .grow-left:not(.is-visible) > .kt-inside-inner-col { 
    transform: scaleX(0) translateZ(0); 
    opacity: 0; 
    filter: blur(var(--grow-blur, 3px)); 
}

/* GROW RIGHT */
.grow-right { grid-template-columns: 1fr; justify-content: start; }
.grow-right > .kt-inside-inner-col { transform-origin: left center; transform: scaleX(1) translateZ(0); }
.has-js .grow-right:not(.is-visible) { grid-template-columns: 0fr; }
.has-js .grow-right:not(.is-visible) > .kt-inside-inner-col { 
    transform: scaleX(0) translateZ(0); 
    opacity: 0; 
    filter: blur(var(--grow-blur, 3px)); 
}

/* --- 3. DESKTOP ANPASSUNG (1.0s) --- */
@media (min-width: 1025px) {
    .grow-down, .grow-left, .grow-right { transition-duration: 1.0s; }
    .grow-down > .kt-inside-inner-col, 
    .grow-left > .kt-inside-inner-col, 
    .grow-right > .kt-inside-inner-col { transition-duration: 1.0s; }
}

/* --- 4. AKTIVIERTER ZUSTAND --- */
.grow-down.is-visible { grid-template-rows: 1fr; }
.grow-left.is-visible, .grow-right.is-visible { grid-template-columns: 1fr; }

.is-visible > .kt-inside-inner-col {
    opacity: 1 !important;
    transform: scale(1) translateZ(0) !important;
    filter: blur(0px) !important;
}