/*!
 * Lightbox pentru proiecte. Foloseste <dialog> nativ, deci Esc, focus trap si
 * inertarea paginii din spate vin din browser, nu din JS.
 *
 * Contract cu component-projects-lightbox.js:
 *  - `max-width` pe .projlb si `max-height` pe .projlb__image sunt citite din CSS
 *    ca sa se calculeze `sizes`; sunt sursa unica de adevar pentru dimensiuni.
 *  - .projlb__frame primeste `width` inline si miniatura din card ca background,
 *    ca sa nu existe un cadru gol pana se descarca imaginea mare.
 *  - .is-loaded pe imagine si .is-dragging pe cadru sunt puse de JS.
 */.projlb{width:fit-content;max-width:min(92vw,1100px);max-height:92vh;padding:0;border:0;border-radius:var(--radius, 6px);background:var(--card-bg, #5b7f5a);color:var(--card-text, #fff);overflow:visible}.projlb::backdrop{background:#000000c7}.projlb__inner{position:relative;display:flex;flex-direction:column;max-height:92vh}.projlb__figure{margin:0;display:flex;flex-direction:column;min-height:0}.projlb__frame{position:relative;align-self:center;max-width:100%;background-color:#00000059;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:var(--radius, 6px) var(--radius, 6px) 0 0;overflow:hidden;touch-action:pan-y;cursor:grab}.projlb__frame.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.projlb__image{display:block;width:100%;height:auto;max-height:74vh;object-fit:contain;opacity:0;transition:opacity .2s ease,transform .2s ease;-webkit-user-drag:none}.projlb__image.is-loaded{opacity:1}.projlb__video{display:block;width:100%;height:auto;max-height:74vh;background:#000}.projlb__video[hidden],.projlb__image[hidden]{display:none}.projlb__caption{padding:1rem 1.25rem 1.25rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.projlb__title{font-weight:700;text-transform:uppercase;letter-spacing:.02em}.projlb__subtitle{font-style:italic;opacity:.85}.projlb__count{margin-left:auto;opacity:.7;font-variant-numeric:tabular-nums}.projlb__link{flex-basis:100%;margin-top:.5rem;color:inherit;text-decoration:underline;text-underline-offset:3px}.projlb__close,.projlb__nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--btn-bg, #5b7f5a);color:var(--btn-text, #fff);cursor:pointer;z-index:2;box-shadow:0 2px 8px #0000004d}.projlb__close{top:8px;right:8px;font-size:1.4rem;line-height:1}.projlb__nav{top:50%;transform:translateY(-50%)}.projlb__nav svg{width:22px;height:22px}.projlb__nav--prev{left:8px}.projlb__nav--next{right:8px}.projlb__nav:disabled{opacity:.35;cursor:not-allowed}@media screen and (max-width:749px){.projlb{max-width:94vw}.projlb__image,.projlb__video{max-height:60vh}}.projlb--clean{max-width:94vw;max-height:100vh;max-height:100dvh;overflow:hidden;border-radius:0;background:transparent;color:#fff}.projlb--clean::backdrop{background:#0a0a0af0}.projlb--clean .projlb__inner{max-height:100vh;max-height:100dvh}.projlb--clean .projlb__frame{border-radius:0;background-color:transparent}.projlb--clean .projlb__image,.projlb--clean .projlb__video{max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem)}.projlb--clean .projlb__caption{flex-wrap:nowrap;justify-content:center;padding:1rem 1.2rem 0;white-space:nowrap;overflow:hidden;font-size:1.3rem;letter-spacing:.08em}.projlb--clean .projlb__count{margin-left:0}.projlb--clean .projlb__close,.projlb--clean .projlb__nav{background:transparent;box-shadow:none;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.projlb--clean .projlb__nav{position:fixed;width:48px;height:48px;opacity:.6;transition:opacity .2s ease}.projlb--clean .projlb__nav:hover,.projlb--clean .projlb__nav:focus-visible{opacity:1}.projlb--clean .projlb__nav:disabled{opacity:0;pointer-events:none}.projlb--clean .projlb__nav svg{width:30px;height:30px;stroke-width:1.5}.projlb--clean .projlb__nav--prev{left:1.2rem}.projlb--clean .projlb__nav--next{right:1.2rem}.projlb--clean .projlb__close{top:12px;right:12px;width:40px;height:40px;font-size:2.6rem;background:#00000073;filter:none}@media(hover:hover){.projlb--clean .projlb__close{opacity:0;transition:opacity .2s ease}.projlb--clean .projlb__frame:hover .projlb__close,.projlb--clean .projlb__close:focus-visible{opacity:1}}@media screen and (max-width:749px){.projlb--clean{max-width:100vw}.projlb--clean .projlb__image,.projlb--clean .projlb__video{max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem)}.projlb--clean .projlb__nav--prev{left:.4rem}.projlb--clean .projlb__nav--next{right:.4rem}}@media(prefers-reduced-motion:reduce){.projlb__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-projects-lightbox.css.map */