/* PoolConcept 2026 — Galerie + lightbox (componentă comună, injectată de gallery.js)
   Utilizare: pune data-gallery pe un container; înăuntru <a class="pc-gitem" href="URL_MARE" data-cap="Titlu"><img src="THUMB"></a> */
:root{
  --g-noir:#070708; --g-ivoire:#EFEBE3; --g-gris:#9a9a9e;
  --g-or:#C8A24C; --g-or2:#E4C879; --g-orsoft:rgba(200,162,76,.34);
  --g-line:rgba(239,235,227,.12);
  --g-mono:"Space Mono", ui-monospace, monospace;
  --g-e:cubic-bezier(.22,.61,.36,1); --g-slow:cubic-bezier(.16,1,.3,1);
}
[data-gallery]{display:grid;gap:clamp(.6rem,1.2vw,1rem)}
.pc-gitem{position:relative;display:block;overflow:hidden;border:1px solid var(--g-line);cursor:zoom-in;background:#0c0c0e}
.pc-gitem img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--g-slow),filter .4s var(--g-e)}
.pc-gitem::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--g-orsoft);opacity:0;transition:opacity .3s var(--g-e)}
.pc-gitem .zi{position:absolute;right:.6rem;bottom:.6rem;width:28px;height:28px;display:grid;place-items:center;
  color:var(--g-or2);background:rgba(7,7,8,.55);backdrop-filter:blur(4px);border:1px solid var(--g-orsoft);
  opacity:0;transform:translateY(6px);transition:.3s var(--g-e);pointer-events:none}
.pc-gitem .zi svg{width:14px;height:14px}
.pc-gitem:hover img{transform:scale(1.05);filter:brightness(1.03)}
.pc-gitem:hover::after{opacity:.7}
.pc-gitem:hover .zi{opacity:1;transform:none}

/* lightbox */
.pc-lb{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;
  padding:clamp(1rem,3vw,2.4rem);opacity:0;visibility:hidden;transition:opacity .4s var(--g-e),visibility .4s var(--g-e)}
.pc-lb.open{opacity:1;visibility:visible}
.pc-lb .bg{position:absolute;inset:0;background:rgba(4,4,5,.9);backdrop-filter:blur(8px)}
.pc-lb .fig{position:relative;max-width:min(1200px,94vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:.9rem}
.pc-lb img{max-width:100%;max-height:82vh;object-fit:contain;border:1px solid var(--g-orsoft);
  opacity:0;transform:scale(.98);transition:opacity .4s var(--g-e),transform .5s var(--g-slow)}
.pc-lb.ready img{opacity:1;transform:none}
.pc-lb .cap{font-family:var(--g-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g-gris)}
.pc-lb .cap b{color:var(--g-or2);font-weight:400;margin-right:.8em}
.pc-lb .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;
  display:grid;place-items:center;background:rgba(7,7,8,.5);border:1px solid var(--g-orsoft);color:var(--g-ivoire);
  cursor:pointer;transition:.3s var(--g-e)}
.pc-lb .nav:hover{background:var(--g-or);color:#000}
.pc-lb .nav svg{width:20px;height:20px}
.pc-lb .prev{left:clamp(.4rem,2vw,1.4rem)}
.pc-lb .next{right:clamp(.4rem,2vw,1.4rem)}
.pc-lb .close{position:absolute;top:clamp(.6rem,2.2vw,1.4rem);right:clamp(.6rem,2.2vw,1.4rem);z-index:3;
  width:42px;height:42px;display:grid;place-items:center;background:rgba(7,7,8,.5);border:1px solid var(--g-orsoft);
  color:var(--g-ivoire);cursor:pointer;transition:.3s var(--g-e)}
.pc-lb .close:hover{background:var(--g-or);color:#000}
.pc-lb .close svg{width:18px;height:18px}
@media (max-width:640px){ .pc-lb .nav{width:40px;height:40px} }
.pc-lb .nav:focus-visible,.pc-lb .close:focus-visible,.pc-gitem:focus-visible{outline:2px solid var(--g-or2);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.pc-lb,.pc-lb img{transition-duration:.001s!important}}