/* DLEXA LAYOUT V1 — planse aranjate in admin (prima pagina + albume).
 * Geometria vine din variabile CSS puse pe fiecare element, in procente,
 * deci aranjamentul se scaleaza singur odata cu latimea paginii. */
.lx-wrap{position:relative;width:100%}
.lx-wrap::before{content:'';display:block;padding-top:var(--lx-h,60%)}
.lx-wrap > .lx-tile.lx-tile{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);
  margin:0;overflow:hidden;display:block;aspect-ratio:auto;background:var(--surf,#161410);break-inside:auto}
.lx-wrap > .lx-tile > img.lx-img{position:absolute;left:var(--il,0);top:var(--it,0);width:var(--iw,100%);height:var(--ih,100%);
  max-width:none;max-height:none;object-fit:fill;display:block;transition:transform .8s var(--ease,ease)}
.lx-wrap > .lx-tile:hover > img.lx-img{transform:scale(1.04)}
.lx-wrap > .lx-tile .feat-ov{z-index:1}
.lx-wrap > .lx-tile:hover .feat-ov,.lx-wrap > .lx-tile:focus-visible .feat-ov{opacity:1}
.lx-wrap > .lx-tile .album-hover{z-index:1}
.lx-wrap + .album-grid{margin-top:.9rem}
.lx-pending .feat-grid,.lx-pending .album-grid{visibility:hidden}
/* telefon: pozele curg una sub alta, in ordinea de citire a plansei */
@media(max-width:700px){
  .lx-wrap{display:flex;flex-direction:column;gap:.7rem}
  .lx-wrap::before{display:none}
  .lx-wrap > .lx-tile.lx-tile{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:var(--ar,3/2)}
}
@media(prefers-reduced-motion:reduce){.lx-wrap > .lx-tile > img.lx-img{transition:none}.lx-wrap > .lx-tile:hover > img.lx-img{transform:none}}