/* Kod Adı Sevgi - Galeri Lightbox (tüm temalarda ortak). */
.kas-lb {
    position: fixed; inset: 0; z-index: 9990;
    display: flex; align-items: center; justify-content: center; padding: 20px;
    background: rgba(12, 9, 14, .93);
    -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}
.kas-lb.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
html.kas-lb-lock, html.kas-lb-lock body { overflow: hidden !important; }

.kas-lb__fig {
    margin: 0; max-width: min(1120px, 100%); max-height: 100%;
    display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.kas-lb__img {
    max-width: 100%; max-height: 80vh; object-fit: contain;
    border-radius: 8px; box-shadow: 0 34px 90px rgba(0, 0, 0, .6);
    transform: scale(.955); opacity: 1;
    transition: transform .28s cubic-bezier(.3, 1.2, .4, 1), opacity .18s ease;
}
.kas-lb.is-open .kas-lb__img { transform: none; }
.kas-lb__img.is-loading { opacity: .35; }
.kas-lb__cap {
    font-family: 'Inter', system-ui, sans-serif; font-size: 14px; line-height: 1.55;
    color: rgba(255, 250, 246, .88); text-align: center; max-width: 640px;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .5); padding: 0 8px;
}

.kas-lb__btn {
    position: absolute; z-index: 2;
    width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer;
    display: grid; place-items: center;
    background: rgba(255, 255, 255, .1); color: #fff;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
    transition: background .18s ease, transform .18s ease;
}
.kas-lb__btn:hover { background: rgba(255, 255, 255, .22); }
.kas-lb__btn:focus-visible { outline: 2px solid #ffb3c0; outline-offset: 2px; }
.kas-lb__btn svg { width: 22px; height: 22px; }
.kas-lb__close { top: 18px; right: 18px; }
.kas-lb__nav { top: 50%; transform: translateY(-50%); }
.kas-lb__nav:hover { transform: translateY(-50%) scale(1.06); }
.kas-lb__prev { left: 16px; }
.kas-lb__next { right: 16px; }

.kas-lb__count {
    position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%);
    font-family: 'Inter', system-ui, sans-serif; font-size: 12.5px; letter-spacing: .06em;
    color: rgba(255, 250, 246, .75);
    background: rgba(255, 255, 255, .08); border-radius: 999px; padding: 5px 13px;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}

/* Fotoğraf büyüteç butonu - tüm temalarda foto çerçevesine enjekte edilir (kas-lightbox.js).
   Foto'ya doğrudan tıklamak lightbox açmaz; yalnızca bu buton açar. */
.kas-zoom {
    position: absolute; right: 10px; bottom: 10px; z-index: 6;
    width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3);
    display: grid; place-items: center; cursor: pointer; padding: 0;
    background: rgba(10, 8, 12, .55); color: #fff; opacity: .78;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
    transition: opacity .2s ease, background .2s ease, transform .2s ease;
}
.kas-zoom svg { width: 18px; height: 18px; }
.kas-zoom:hover, .kas-zoom:focus-visible { opacity: 1; background: rgba(10, 8, 12, .78); transform: scale(1.08); outline: none; }
@media (max-width: 560px) { .kas-zoom { width: 32px; height: 32px; right: 7px; bottom: 7px; } .kas-zoom svg { width: 16px; height: 16px; } }

@media (max-width: 640px) {
    .kas-lb { padding: 12px; }
    .kas-lb__img { max-height: 72vh; }
    .kas-lb__btn { width: 40px; height: 40px; }
    .kas-lb__prev { left: 8px; }
    .kas-lb__next { right: 8px; }
    .kas-lb__close { top: 12px; right: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .kas-lb { transition: opacity .15s ease; }
    .kas-lb__img { transform: none; transition: opacity .12s ease; }
}