/* =========================================================
 * DELITA – atsiradimo efektas (reveal)
 * ---------------------------------------------------------
 * Nuotraukos ir spalvotos sekcijos svelniai issiryskina, kai
 * slenkant pasirodo ekrane. Efektas prideda tik permatomuma ir
 * nezymu masteli – jokiu slinkimo juostu ar isokinejimo.
 *
 * Visos reiksmes eina per kintamuosius, todel Elementor
 * nustatymai visada nugali. Numatytosios reiksmes cia.
 * ========================================================= */

:root {
  --dlrv-duration: 1200ms;
  --dlrv-scale: 1.06;
  --dlrv-shift: 24px;
  --dlrv-stagger: 90ms;
  --dlrv-ease: cubic-bezier(.22, .61, .36, 1);
}

/* Pradine busena. Uzdedama tik tada, kai JS tikrai veikia –
 * be JS turinys lieka matomas ir niekas nedingsta. */
.delita-rv {
  will-change: opacity, transform, clip-path;
}

.delita-rv:not(.delita-rv--in) {
  opacity: 0;
}

.delita-rv--in {
  opacity: 1;
}

/* --- 1. Ramus priartejimas (numatytasis) --- */

.delita-rv--zoom:not(.delita-rv--in) {
  transform: scale(var(--dlrv-scale, 1.06));
}

.delita-rv--zoom {
  transform: scale(1);
  transition:
    opacity var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms),
    transform var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms);
}

/* --- 1b. Tik prasviesejimas ---
 * Vientisos spalvos blokams. Spalvos ploksteles priartinti nera prasmes –
 * mastelio pokytis nesimato, uztat krastai virpteli. Todel jiems tik
 * svelnus prasviesejimas su labai nedideliu pakilimu. */

.delita-rv--fade:not(.delita-rv--in) {
  transform: translateY(10px);
}

.delita-rv--fade {
  transform: translateY(0);
  transition:
    opacity var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms),
    transform var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms);
}

/* --- 2. Uzdanga --- */

.delita-rv--curtain:not(.delita-rv--in) {
  clip-path: inset(0 0 100% 0);
}

.delita-rv--curtain {
  clip-path: inset(0 0 0 0);
  transition:
    opacity calc(var(--dlrv-duration, 1200ms) * .5) var(--dlrv-ease) var(--dlrv-delay, 0ms),
    clip-path var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms);
}

/* --- 3. Pakilimas --- */

.delita-rv--rise:not(.delita-rv--in) {
  transform: translateY(var(--dlrv-shift, 24px));
}

.delita-rv--rise {
  transform: translateY(0);
  transition:
    opacity var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms),
    transform var(--dlrv-duration, 1200ms) var(--dlrv-ease) var(--dlrv-delay, 0ms);
}

/* Baigus animacija atlaisvinam narsykle. */
.delita-rv--done {
  will-change: auto;
}

/* Nuotraukas apkerpam, kad priartinta nuotrauka neisliptu
 * uz savo remelio ir neatsirastu horizontalios slinkties. */
.delita-rv-clip {
  overflow: hidden;
}

/* Elementor redaktoriuje efekto nerodom – kitaip blokai
 * atrodytu dinge, kol juos redaguoji. */
.elementor-editor-active .delita-rv,
.elementor-editor-preview .delita-rv {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
}

/* Prieinamumas: jei zmogus sistemoje isjunges animacijas,
 * turinys tiesiog matomas is karto. */
@media (prefers-reduced-motion: reduce) {
  .delita-rv,
  .delita-rv:not(.delita-rv--in) {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}
