/* Izolirani završni sloj namjerno se učitava nakon legacy A stilova. */
#lightbox > .arhivio-lightbox-frame{
  position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:10px!important;width:max-content!important;
  max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 20px)!important;margin:0!important
}
#lightbox .arhivio-lightbox-image-wrap{
  position:relative!important;display:block!important;line-height:0!important;max-width:calc(100vw - 24px)!important
}
#lightbox .arhivio-lightbox-image-wrap #lightboxImage{
  position:static!important;display:block!important;width:auto!important;height:auto!important;
  max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 126px)!important;object-fit:contain!important;
  border:1px solid rgba(255,255,255,.38)!important;border-radius:24px!important;box-shadow:0 24px 80px rgba(0,0,0,.3)!important
}
#lightbox .arhivio-lightbox-image-wrap #closeLightbox{
  position:absolute!important;z-index:3!important;top:-52px!important;left:50%!important;right:auto!important;
  display:grid!important;place-items:center!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important;
  width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  background:#fff!important;background-image:none!important;color:#111!important;
  cursor:pointer!important;font:400 27px/1 system-ui,sans-serif!important;backdrop-filter:blur(10px)!important
}
#lightbox .arhivio-lightbox-image-wrap #closeLightbox:hover{transform:translateX(-50%) scale(1.08)!important;background:#f1f3f6!important}
.arhivio-close-icon{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;pointer-events:none!important}
#lightbox .arhivio-lightbox-actions{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;margin:0!important;padding:7px!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:22px!important;background:rgba(15,15,15,.78)!important;backdrop-filter:blur(14px)!important
}
#lightbox .arhivio-lightbox-actions button{
  position:static!important;inset:auto!important;display:grid!important;place-items:center!important;transform:none!important;
  margin:0!important;padding:0!important;width:48px!important;height:48px!important;border:0!important;border-radius:16px!important;
  background:#fff!important;background-image:none!important;color:#111!important;filter:none!important;
  cursor:pointer!important;font:700 21px/1 system-ui,sans-serif!important
}
#lightbox .arhivio-lightbox-actions button:hover{transform:translateY(-2px)!important;filter:none!important}
#lightbox .arhivio-lightbox-actions #downloadLink{background:#2f7de4!important;color:#fff!important}
#lightbox .arhivio-download-icon{display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
#lightbox #lightboxFilename{margin:0!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;text-align:center!important;overflow-wrap:anywhere!important}
#keywordsLightbox[hidden]{display:none!important}
#keywordsLightbox:not([hidden]){position:fixed!important;z-index:10020!important;inset:auto 18px 140px auto!important;display:block!important;width:min(440px,calc(100vw - 36px))!important;height:auto!important;background:transparent!important;backdrop-filter:none!important;color:#171717!important}
#keywordsLightbox #keywordsLightboxPanel{position:static!important;width:100%!important;max-width:none!important;max-height:calc(100vh - 176px)!important;overflow:auto!important;margin:0!important;padding:25px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:26px!important;background:rgba(245,245,241,.97)!important;color:#171717!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important;backdrop-filter:blur(20px)!important}
#keywordsLightbox .arhivio-keywords-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:20px!important}
#keywordsLightbox .arhivio-keywords-head small{color:#2f7de4!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important}
#keywordsLightbox .arhivio-keywords-head h2{margin:5px 0 0!important;color:#171717!important;font-size:26px!important;letter-spacing:-.04em!important}
#keywordsLightbox #closeKeywordsLightbox{position:static!important;display:grid!important;place-items:center!important;transform:none!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#ddd!important;background-image:none!important;color:#171717!important;box-shadow:none!important;font:400 21px/1 system-ui,sans-serif!important;cursor:pointer!important}
#keywordsLightbox #keywordsContent{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;margin:0!important;padding:0!important;text-align:left!important}
#keywordsLightbox #keywordsContent button{display:block!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:8px 11px!important;border:1px solid #d2d2cc!important;border-radius:11px!important;background:transparent!important;color:#333!important;font-size:12px!important;line-height:1.2!important;cursor:pointer!important}
#keywordsLightbox #keywordsContent button:hover{border-color:#2f7de4!important;color:#2f7de4!important}
#keywordsLightbox .arhivio-keywords-filename{margin:22px 0 0!important;padding-top:15px!important;border-top:1px solid #ddd!important;color:#888!important;font-size:11px!important;overflow-wrap:anywhere!important}
@media(max-width:640px){
  #lightbox > .arhivio-lightbox-frame{max-width:calc(100vw - 16px)!important}
  #lightbox .arhivio-lightbox-image-wrap,#lightbox .arhivio-lightbox-image-wrap #lightboxImage{max-width:calc(100vw - 16px)!important}
  #lightbox .arhivio-lightbox-image-wrap #lightboxImage{max-height:calc(100vh - 118px)!important}
  #lightbox .arhivio-lightbox-image-wrap #closeLightbox{top:-48px!important;left:50%!important;right:auto!important}
  #keywordsLightbox:not([hidden]){inset:auto 8px 136px 8px!important;width:auto!important}
  #keywordsLightbox #keywordsLightboxPanel{max-height:calc(100vh - 152px)!important}
}