/* kt-hero-foto.css - poza de fundal a cardului din hero
   (elementor-element-7509e36). Scris de mana, fara dependinte.

   De ce exista: tema isi lua poza de pe alt server
   (preview.raddito.net/flexra/.../Home-Hero-IMG.webp), adica prima impresie a
   site-ului atarna de un WordPress de previzualizare care poate disparea.
   Acum poza e a noastra, in assets/img/kt-foto/kt-hero-bg.webp.

   Cum castiga: selectorul e copiat literal din post-9.css, cu tot cu :not()
   si cu varianta pentru .elementor-motion-effects-layer, deci are exact
   aceeasi specificitate. Nu se castiga prin greutate, ci prin ordinea din
   document: fisierul asta se incarca dupa post-9.css. Fara !important.

   Reproclam si pozitionarea, nu doar imaginea: tema muta poza la "75% 0" sub
   767px, intr-o regula tot de aceeasi specificitate. E suficient sa scriem noi
   background-position dupa ea, dar o scriem la vedere, ca sa nu depinda de
   ordinea dintre fisiere.

   De ce "center bottom": subiectul pozei (receptia, cu logo-ul colorat pe
   blatul alb) sta in treimea de jos a cadrului, la 60-82% din inaltime. La
   1440 cardul e 1359x839, poza e 4:3, deci cu cover se scaleaza la 1359x1019,
   iar fereastra cardului taie doar pe verticala - 180 px de joc. Cu poza
   ancorata sus (sau centrata) logo-ul cade lipit de marginea de jos a
   cardului, in spatele butoanelor si taiat de coltul rotunjit. Ancorata jos
   (ridicare maxima) il urca pana in dreptul paragrafului, iar banda de
   pardoseala - singura zona linistita din poza - ajunge sub butoane. La
   latimi mai mari cardul devine si mai lat, jocul vertical creste, iar logo-ul
   urca in golul de sus al cardului, deasupra titlului.

   Orizontal ramane "center". La 1440 nu exista joc orizontal deloc (latimea
   scalata e exact latimea cardului), deci background-position-x n-are efect;
   la 1025-1200, unde cardul e mai apropiat de 4:3, centrarea e oricum cea
   dorita, pentru ca jumatatea dreapta a pozei e acoperita de panoul video
   .kt-hero-media (peste 1025px din poza se vede doar ~65% din latime).

   Sub 1025px NU se incarca nicio poza de fundal. Acolo stratul .kt-hero-media
   acopera cardul exact 100% (masurat: 0 px pe toate cele patru laturi), deci
   poza de fundal nu s-ar vedea deloc - ar fi doar 141 KB descarcati degeaba pe
   telefon. Fara JS ramane posterul stratului, care e tot o poza de-a noastra. */
.elementor-9 .elementor-element.elementor-element-7509e36:not(.elementor-motion-effects-element-type-background),
.elementor-9 .elementor-element.elementor-element-7509e36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
background-image:url(../img/kt-foto/kt-hero-bg.webp);
background-position:center bottom;
background-repeat:no-repeat;
background-size:cover;
}
@media (max-width:1024px){
.elementor-9 .elementor-element.elementor-element-7509e36:not(.elementor-motion-effects-element-type-background),
.elementor-9 .elementor-element.elementor-element-7509e36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
background-image:none;
}
}