/* Home page decorative layers (generated by _build/decor/acasa.py).
   One .dz-acasa wrapper per section: absolutely positioned behind the content, clipped to the
   section box (the section itself is not clipped, so its mountain-ridge edges stay intact). */

#bun-venit, #despre, #facilitati, .pmosaic--light, #recenzii, #oferte, #cum-ajungi, main > .cta-band { position: relative; isolation: isolate; }

.dz-acasa { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.dz-acasa svg { position: absolute; display: block; pointer-events: none; overflow: hidden; }

/* ---------- welcome: night sky + layered ridges ---------- */
.dz-acasa--welcome .dz-acasa__sky { top: 0; right: 0; width: 100%; height: 78%; }
.dz-acasa--welcome .dz-acasa__ridges { left: 0; bottom: 0; width: 100%; height: clamp(90px, 13vw, 190px); }

/* ---------- about: fir sprig (left margin), fern behind the photos, ridges at the foot ---------- */
.dz-acasa--about .dz-acasa__sprig-l { left: 0; top: calc(var(--ridge) + 6px); width: clamp(150px, 15vw, 240px); height: auto; aspect-ratio: 340 / 320; }
.dz-acasa--about .dz-acasa__fern-r { right: 0; top: calc(var(--ridge) + 4px); width: clamp(120px, 20vw, 300px); height: auto; aspect-ratio: 320 / 340; }
.dz-acasa--about .dz-acasa__foot { left: 0; bottom: 0; width: 100%; height: clamp(60px, 9vw, 150px); }

/* ---------- spa: stars + steam in the empty top band, ridges into the photo band ---------- */
.dz-acasa--fac .dz-acasa__sky,
.dz-acasa--fac .dz-acasa__steam { left: 0; top: 0; width: 100%; height: calc(var(--sec) + var(--ridge) - 6px); }
.dz-acasa--fac .dz-acasa__ridges { left: 0; bottom: 0; width: 100%; height: clamp(70px, 10vw, 170px); }

/* ---------- gallery: botanical cluster beside the heading ---------- */
.dz-acasa--pmosaic .dz-acasa__corner { right: 0; bottom: 0; width: clamp(240px, 36vw, 560px); height: auto; aspect-ratio: 520 / 300;
  -webkit-mask-image: radial-gradient(ellipse 70% 75% at 72% 58%, #000 35%, transparent 100%); mask-image: radial-gradient(ellipse 70% 75% at 72% 58%, #000 35%, transparent 100%); }
.dz-acasa--pmosaic .dz-acasa__cluster { right: 0; top: clamp(26px, 4vw, 60px); width: clamp(150px, 24vw, 360px); height: auto; aspect-ratio: 400 / 310; }

/* ---------- reviews: sprig in the margin, ridges + firs at the foot ---------- */
.dz-acasa--reviews .dz-acasa__sprig-l { left: 0; top: 8px; width: clamp(130px, 13vw, 210px); height: auto; aspect-ratio: 300 / 260; }
.dz-acasa--reviews .dz-acasa__foot { left: 0; bottom: 0; width: 100%; height: clamp(60px, 9vw, 150px); }

/* ---------- offers: wood-tinted ridges on the right ---------- */
.dz-acasa--offers .dz-acasa__ridges { right: 0; bottom: 0; width: min(76%, 980px); height: 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%); mask-image: linear-gradient(90deg, transparent, #000 40%); }

/* ---------- how to get here: contour lines ---------- */
.dz-acasa--way .dz-acasa__topo { inset: 0; width: 100%; height: 100%; }

/* ---------- final call to action: stars, crescent, ridges ---------- */
.dz-acasa--cta .dz-acasa__sky { left: 0; top: 0; width: 100%; height: min(80%, 25vw); }
.dz-acasa--cta .dz-acasa__ridges { left: 0; bottom: 0; width: 100%; height: clamp(70px, 9vw, 140px); }

/* phones: the gutter is only 16px, so margin pieces move out of the reading column */
@media (max-width: 640px) {
  .dz-acasa--about .dz-acasa__sprig-l,
  .dz-acasa--reviews .dz-acasa__sprig-l { display: none; }
  .dz-acasa--about .dz-acasa__fern-r { width: 110px; top: calc(var(--ridge) - 6px); opacity: .8; }
  .dz-acasa--pmosaic .dz-acasa__corner { right: 0; bottom: 0; width: clamp(240px, 36vw, 560px); height: auto; aspect-ratio: 520 / 300;
  -webkit-mask-image: radial-gradient(ellipse 70% 75% at 72% 58%, #000 35%, transparent 100%); mask-image: radial-gradient(ellipse 70% 75% at 72% 58%, #000 35%, transparent 100%); }
.dz-acasa--pmosaic .dz-acasa__cluster { width: 130px; top: 8px; }
  .dz-acasa--welcome .dz-acasa__sky { height: 46%; }
  .dz-acasa--cta .dz-acasa__sky { height: 34%; }
  .dz-acasa--pmosaic .dz-acasa__corner { display: none; }
  .dz-acasa__moon { display: none; }
  .dz-acasa--offers .dz-acasa__ridges { width: 100%; height: 46%; }
  .dz-acasa--way .dz-acasa__topo { opacity: .75; }
}

/* ---------- gentle motion ---------- */
@media (prefers-reduced-motion: no-preference) {
  .dz-acasa__tw { animation: dz-acasa-tw 5.5s ease-in-out infinite alternate; }
  .dz-acasa__tw--b { animation-duration: 7.5s; animation-delay: -3s; }
  .dz-acasa__tw--c { animation-duration: 9s; animation-delay: -1.5s; }
  .dz-acasa__mist { animation: dz-acasa-mist 38s ease-in-out infinite alternate; }
  .dz-acasa__curl { animation: dz-acasa-curl 7s ease-in-out infinite alternate; }
  .dz-acasa__curl--b { animation-duration: 9s; animation-delay: -4s; }
}
@keyframes dz-acasa-tw { 0% { opacity: .25; } 100% { opacity: 1; } }
@keyframes dz-acasa-mist { 0% { transform: translateX(-60px); } 100% { transform: translateX(80px); } }
@keyframes dz-acasa-curl { 0% { transform: translateY(6px); opacity: .55; } 100% { transform: translateY(-8px); opacity: 1; } }