/* st-lightbox.css — Galeri fotoğraf görüntüleyici (2026-08-17)
   Marka tonları: --st-navy #0c2034, --st-gold-2 #f2d488 */

body.st-lb-acik { overflow: hidden; }

.st-lb {
  position: fixed; inset: 0; z-index: 100000;
  display: none; align-items: center; justify-content: center;
  opacity: 0; transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
}
.st-lb.is-acik { display: flex; opacity: 1; }

.st-lb-arka {
  position: absolute; inset: 0;
  background: rgba(6, 14, 24, .93);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}

.st-lb-govde {
  position: relative; z-index: 2; margin: 0;
  max-width: min(1180px, 92vw); max-height: 86vh;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}

.st-lb-resim {
  max-width: min(1180px, 92vw); max-height: 76vh;
  width: auto; height: auto; display: block;
  border-radius: 10px; box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
  background: #0c2034;
  opacity: 1; transition: opacity .2s ease;
}
.st-lb.is-yukleniyor .st-lb-resim { opacity: 0; }

.st-lb-yukleniyor {
  position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px;
  border: 2px solid rgba(255, 255, 255, .22); border-top-color: #f2d488; border-radius: 50%;
  opacity: 0; pointer-events: none; animation: st-lb-don .8s linear infinite;
}
.st-lb.is-yukleniyor .st-lb-yukleniyor { opacity: 1; }
@keyframes st-lb-don { to { transform: rotate(360deg); } }

.st-lb-altyazi {
  color: #c9d8e6; font-size: 14px; line-height: 1.5; text-align: center;
  max-width: 760px; padding: 0 12px;
}

.st-lb-sayac {
  position: absolute; z-index: 3; bottom: 22px; left: 50%; transform: translateX(-50%);
  color: #f2d488; font-size: 13px; font-weight: 600; letter-spacing: .06em;
  background: rgba(12, 32, 52, .72); border: 1px solid rgba(242, 212, 136, .28);
  padding: 6px 14px; border-radius: 999px;
}

.st-lb-kapat, .st-lb-ok {
  position: absolute; z-index: 3; display: grid; place-items: center;
  background: rgba(12, 32, 52, .62); border: 1px solid rgba(255, 255, 255, .16);
  color: #fff; cursor: pointer; border-radius: 50%;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.st-lb-kapat:hover, .st-lb-ok:hover { background: rgba(226, 35, 26, .9); border-color: transparent; }
.st-lb-kapat:focus-visible, .st-lb-ok:focus-visible { outline: 2px solid #f2d488; outline-offset: 3px; }
.st-lb-kapat svg, .st-lb-ok svg { width: 22px; height: 22px; }

.st-lb-kapat { top: 22px; right: 22px; width: 46px; height: 46px; }
.st-lb-ok    { top: 50%; margin-top: -26px; width: 52px; height: 52px; }
.st-lb-onceki  { left: 22px; }
.st-lb-sonraki { right: 22px; }
.st-lb-ok[hidden] { display: none; }

/* Galeri kartında imleç: artık yerinde açılıyor */
.st-gal-item { cursor: zoom-in; }

@media (max-width: 767.98px) {
  .st-lb-govde  { max-width: 96vw; }
  .st-lb-resim  { max-width: 96vw; max-height: 68vh; }
  .st-lb-kapat  { top: 14px; right: 14px; width: 42px; height: 42px; }
  .st-lb-ok     { width: 44px; height: 44px; margin-top: -22px; }
  .st-lb-onceki  { left: 8px; }
  .st-lb-sonraki { right: 8px; }
  .st-lb-altyazi { font-size: 13px; }
  .st-lb-sayac   { bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .st-lb, .st-lb-resim, .st-lb-kapat, .st-lb-ok { transition: none; }
  .st-lb-yukleniyor { animation-duration: 2s; }
}