/*
 # -----------------------------------------------------------------------------
 # ~/assets/theme/j1/modules/lightbox3/css/lightbox.css (4)
 # Lightbox v.1.1.0 implementation for J1 Theme.
 #
 # Product/Info:
 # https://jekyll.one
 # http://lokeshdhakar.com/projects/lightbox2/
 #
 # Copyright (C) 2026 Juergen Adams
 # Copyright (C) 2026 Lokesh Dhakar
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
 # Lightbox is licensed under the MIT License.
 # See: https://github.com/lokesh/lightbox3/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/

.lightbox3-overlay{--lb-backdrop-color:rgba(0,0,0,0.95);--lb-chrome-bg:rgba(24,24,24,0.8);--lb-chrome-text:rgba(255,255,255,0.9);--lb-chrome-font-size:15px;--lb-chrome-padding:16px;--lb-chrome-border-radius:48px;--lb-image-border-radius:24px;--lb-image-padding:40px;--lb-image-padding-x:95px;--lb-z-index:999999;position:fixed;inset:0;z-index:var(--lb-z-index);-webkit-tap-highlight-color:transparent;overflow:hidden;touch-action:none;outline:0}.lightbox3-backdrop{position:absolute;inset:0;background:var(--lb-backdrop-color);cursor:pointer}.lightbox3-strip{position:fixed;inset:0;pointer-events:none;will-change:transform}.lightbox3-slide{position:absolute;top:0;width:100vw;height:100vh;pointer-events:none}.lightbox3-image{position:absolute;object-fit:cover;user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center center;touch-action:none}.lightbox3-spinner{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid rgba(255,255,255,0.2);border-top-color:rgba(255,255,255,0.8);border-radius:50%;animation:lightbox3-spin .7s linear infinite}@keyframes lightbox3-spin{to{transform:rotate(360deg)}}.lightbox3-chrome{position:fixed;bottom:var(--lb-chrome-padding);left:50%;display:flex;align-items:center;gap:12px;padding:6px 18px;background:var(--lb-chrome-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--lb-chrome-border-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);color:var(--lb-chrome-text);font-size:var(--lb-chrome-font-size);font-weight:500;letter-spacing:.02em;line-height:1;user-select:none;pointer-events:none;width:max-content;max-width:min(90vw,600px);z-index:1}.lightbox3-chrome--minimal{padding:6px}.lightbox3-counter{position:fixed;top:var(--lb-chrome-padding);left:var(--lb-chrome-padding);display:flex;align-items:center;height:44px;padding:0 4px;font-size:var(--lb-chrome-font-size);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:rgba(255,255,255,0.9);user-select:none;pointer-events:none;z-index:1}.lightbox3-caption{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;line-height:1.3;color:rgba(255,255,255,0.9);pointer-events:auto}.lightbox3-close{position:fixed;top:var(--lb-chrome-padding);right:var(--lb-chrome-padding);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);color:#fff;cursor:pointer;pointer-events:auto;flex-shrink:0;z-index:1;transition:background .15s ease}.lightbox3-close:hover{background:rgba(0,0,0,0.5)}.lightbox3-close:focus{outline:0}.lightbox3-close:focus-visible{outline:2px solid rgba(255,255,255,0.8);outline-offset:2px}.lightbox3-close svg{width:32px;height:32px;opacity:.85;transition:opacity .15s ease}.lightbox3-close:hover svg{opacity:1}.lightbox3-arrow{position:fixed;top:50%;margin-top:-50px;display:flex;align-items:center;justify-content:center;width:75px;height:100px;padding:0;border:0;background:0;color:#fff;cursor:pointer;pointer-events:auto;z-index:1;opacity:.85;transition:opacity .15s ease,background .15s ease}.lightbox3-arrow:hover{opacity:1}.lightbox3-arrow:focus{outline:0}.lightbox3-arrow:focus-visible{outline:2px solid rgba(255,255,255,0.8);outline-offset:2px}.lightbox3-arrow svg{width:60px;height:60px;opacity:1;filter:drop-shadow(0 0 4px rgba(0,0,0,0.85)) drop-shadow(0 0 2px rgba(0,0,0,0.60))}.lightbox3-arrow-next svg{transform:scale(-1,1)}.lightbox3-arrow-prev{left:0;background:linear-gradient(to right,rgba(0,0,0,0.30) 0,transparent 100%)}.lightbox3-arrow-prev:hover{background:linear-gradient(to right,rgba(0,0,0,0.50) 0,transparent 100%)}.lightbox3-arrow-next{right:0;background:linear-gradient(to left,rgba(0,0,0,0.30) 0,transparent 100%)}.lightbox3-arrow-next:hover{background:linear-gradient(to left,rgba(0,0,0,0.50) 0,transparent 100%)}@media(max-width:600px){.lightbox3-overlay{--lb-image-border-radius:16px;--lb-image-padding:8px;--lb-image-padding-x:8px}.lightbox3-arrow{display:none}.lightbox3-chrome{--lb-chrome-padding:12px;--lb-chrome-font-size:14px;bottom:var(--lb-chrome-padding);gap:10px;padding:5px 14px;font-size:var(--lb-chrome-font-size)}.lightbox3-chrome--minimal{padding:5px 14px}.lightbox3-close{width:40px;height:40px}.lightbox3-close svg{width:28px;height:28px}.lightbox3-counter{height:40px;font-size:14px}}@media(prefers-reduced-motion:reduce){.lightbox3-image,.lightbox3-backdrop,.lightbox3-spinner{transition-duration:.01ms !important;animation-duration:.01ms !important}}