/* Nagyító-felirat – „A: rendezett felirat” (2026-11-05, kérésre; asztalra is kérésre kiterjesztve).
   - Minden szélességen: a felirat szintekre bomlik a Helpers::imageCaption($id, true) spanjai szerint – előadás + év
     félkövéren, képcím dőlten, szereplők normál vastagsággal, forrás halványan; a „ - ” és a <br> rejtve, a sorrendet a
     flex `order` adja (spanok nélküli, régi HTML-nél is olvasható: a <br>-ek közti darabok külön sorba kerülnek).
     A háttér-sötétítés .8 → .92 (a felirat alatt átütött a lap szövege; a jQuery fadeIn a CSS-beli opacityig animál, a
     `body` előtag a lightbox.min.css azonos szabálya miatt kell). Asztalon a számláló és az X a régi helyén.
   - 767 px alatt: kisebb betű, a felirat a teljes szélességet kapja; a „4 / 27” számláló és a bezáró X a képernyő felső
     sarkaiba kerül (position: fixed, áttetsző sötét gomb, 44 px-es célpont; z-index a .lb-nav (10) fölött, különben a
     lapozó nyelné el a koppintást).
   - A lightbox-fit.js a felirat valódi magasságát méri; a fix elemek nem számítanak bele, ott nincs teendő.
   - Galéria (Fancybox 5): ugyanez a tipográfia a .fancybox__caption felirat-bekezdésében (számláló, X a saját eszköztárban). */

/* ---- Lightbox2 (előadás, alkotó) ---- */
body .lightboxOverlay { opacity: .92; }
#lightbox .lb-data .lb-caption {
  display: flex; flex-direction: column; padding: 2px 0 6px;
  font-size: 15px; font-weight: 400; line-height: 1.45; color: #d8d2d2;
}
#lightbox .lb-caption br,
#lightbox .lb-caption .sz-cap-sep { display: none; }
#lightbox .lb-caption .sz-cap-t { order: 1; font-size: 17px; font-weight: 600; line-height: 1.3; color: #fff; }
#lightbox .lb-caption .sz-cap-d { order: 2; margin-top: 1px; font-size: 14px; font-style: italic; line-height: 1.35; color: #b5adad; }
#lightbox .lb-caption .sz-cap-n { order: 3; margin-top: 3px; }
#lightbox .lb-caption .sz-cap-s { order: 4; margin-top: 4px; font-size: 13px; line-height: 1.3; color: #958d8d; }
#lightbox .lb-caption .sz-fn { border-bottom-color: rgba(255, 255, 255, .5); }

/* ---- Galéria (Fancybox 5): a felirat-bekezdés a <h4> cím és a Bemutató/Rendező sorok után ---- */
.fancybox__caption p:has(> .sz-cap-t),
.fancybox__caption p:has(> .sz-cap-n) { display: flex; flex-direction: column; line-height: 1.45; }
.fancybox__caption p:has(> .sz-cap-t) > br,
.fancybox__caption p:has(> .sz-cap-n) > br,
.fancybox__caption .sz-cap-sep { display: none; }
.fancybox__caption .sz-cap-t { order: 1; font-weight: 600; }
.fancybox__caption .sz-cap-d { order: 2; font-style: italic; opacity: .8; }
.fancybox__caption .sz-cap-n { order: 3; margin-top: 2px; }
.fancybox__caption .sz-cap-s { order: 4; margin-top: 3px; font-size: .9em; opacity: .7; }

/* ---- mobil ---- */
@media (max-width: 767px) {
  #lightbox .lb-data { padding: 0 4px; }
  #lightbox .lb-data .lb-details { width: 100%; float: none; line-height: normal; }
  #lightbox .lb-data .lb-caption { padding: 3px 0 8px; font-size: 14px; }
  #lightbox .lb-caption .sz-cap-t { font-size: 15.5px; }
  #lightbox .lb-caption .sz-cap-d { font-size: 13.5px; }
  #lightbox .lb-caption .sz-cap-s { font-size: 12.5px; }

  #lightbox .lb-data .lb-number {
    position: fixed; top: 10px; left: 10px; z-index: 20; clear: none;
    padding: 7px 10px 6px; border-radius: 14px; background: rgba(0, 0, 0, .62);
    font-size: 13.5px; font-weight: 600; line-height: 1; letter-spacing: .02em; color: #f2eeee;
  }
  #lightbox .lb-data .lb-closeContainer { position: fixed; top: 4px; right: 4px; z-index: 20; }
  #lightbox .lb-data .lb-close {
    float: none; width: 44px; height: 44px; opacity: 1;
    background: url(../images/close.png) center / 16px no-repeat,
      radial-gradient(circle, rgba(0, 0, 0, .62) 16.5px, rgba(0, 0, 0, 0) 17.5px);
  }
}