/* =========================================================================
   Konfor Cafe — galeri.css
   ========================================================================= */

/* ---- Fotoğraflar: öne çıkan ızgara (ilk kare büyük) ---- */
.page-galeri .gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.page-galeri .gallery__item{position:relative;display:block;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);aspect-ratio:1/1}
.page-galeri .gallery__item:first-child{grid-column:1/-1;aspect-ratio:16/9}
.page-galeri .gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.page-galeri .gallery__item:hover img,.page-galeri .gallery__item:focus-visible img{transform:scale(1.06)}
.page-galeri .gallery__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(8,35,60,0);color:#fff;font-size:1.5rem;opacity:0;transition:opacity .25s ease,background .25s ease}
.page-galeri .gallery__item:hover .gallery__zoom,.page-galeri .gallery__item:focus-visible .gallery__zoom{
  opacity:1;background:rgba(8,35,60,.35)}

/* ---- Videolar: tek tip poster döşemeleri + oynat butonu ---- */
.page-galeri .section-head__sub{margin:.4rem 0 0;color:var(--color-muted);font-size:.98rem}
.page-galeri .vthumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.page-galeri .vthumb{position:relative;display:block;margin:0;padding:0;border:0;cursor:pointer;
  aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--color-primary);
  box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}
.page-galeri .vthumb:hover,.page-galeri .vthumb:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow);outline:none}
.page-galeri .vthumb:focus-visible{box-shadow:0 0 0 3px var(--color-secondary),var(--shadow)}
.page-galeri .vthumb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.page-galeri .vthumb:hover .vthumb__img{transform:scale(1.06)}
.page-galeri .vthumb::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,20,34,.82),rgba(6,20,34,.05) 42%,rgba(6,20,34,.12))}
.page-galeri .vthumb__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--color-secondary);color:var(--color-primary);font-size:1.25rem;
  box-shadow:0 8px 22px rgba(0,0,0,.4);transition:transform .25s ease,background .25s ease}
.page-galeri .vthumb__play i{margin-left:3px}
.page-galeri .vthumb:hover .vthumb__play,.page-galeri .vthumb:focus-visible .vthumb__play{transform:translate(-50%,-50%) scale(1.12)}
.page-galeri .vthumb__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.75rem .85rem;
  color:#fff;font-size:.9rem;font-weight:600;text-align:left;line-height:1.3}

/* ---- Lightbox (sayfaya özel) ---- */
.page-galeri .lightbox{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;
  background:rgba(6,26,45,.93);padding:1.2rem}
.page-galeri .lightbox.is-open{display:flex}
.page-galeri .lightbox [hidden]{display:none}
.page-galeri .lightbox__pic{display:contents}
.page-galeri .lightbox__img{max-width:min(96vw,1200px);max-height:82vh;width:auto;height:auto;border-radius:.4rem;box-shadow:var(--shadow)}
.page-galeri .lightbox__video{max-width:min(94vw,960px);max-height:84vh;width:auto;height:auto;border-radius:.4rem;
  background:#000;box-shadow:var(--shadow)}
.page-galeri .lightbox__caption{position:absolute;bottom:1.1rem;left:0;right:0;text-align:center;color:#e7eef6;
  font-size:.95rem;margin:0;padding:0 1rem}
.page-galeri .lightbox__close{position:absolute;top:1rem;right:1rem;width:46px;height:46px;border:none;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s ease}
.page-galeri .lightbox__close:hover{background:var(--color-secondary)}

/* ---- Kırılım noktaları ---- */
@media (min-width:768px){
  .page-galeri .gallery__grid{grid-template-columns:repeat(4,1fr);gap:.9rem}
  .page-galeri .gallery__item:first-child{grid-column:1/-1;aspect-ratio:5/2}
  .page-galeri .vthumbs{grid-template-columns:repeat(4,1fr);gap:1.1rem}
}

/* ---- Hareket azaltma tercihi ---- */
@media (prefers-reduced-motion:reduce){
  .page-galeri .gallery__item img,.page-galeri .vthumb,
  .page-galeri .vthumb__img,.page-galeri .vthumb__play{transition:none}
  .page-galeri .gallery__item:hover img,.page-galeri .gallery__item:focus-visible img,
  .page-galeri .vthumb:hover,.page-galeri .vthumb:focus-visible,
  .page-galeri .vthumb:hover .vthumb__img,
  .page-galeri .vthumb:hover .vthumb__play,.page-galeri .vthumb:focus-visible .vthumb__play{transform:none}
}