@charset "utf-8";
/* Photo Gallleria CSS Document */

/* Thumbnail grid */
.gallery-row { gap: 0.75rem; }

/* Thumb: uzun kenar en fazla 540px, responsive */
.thumb {
  display:block;
  width:100%;               /* kolon genişliğini kullanır */
  height:auto;
  max-width:540px;          /* uzun kenar <= 540px */
  max-height:540px;
  object-fit:cover;
  cursor:pointer;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
  transition: transform .15s ease;
  margin-left:auto;
  margin-right:auto;        /* kolon içinde ortala */
}

/* Eğer .w-100 sınıfı varsa, max-width ile çakışmayı önler */
.thumb.w-100 { max-width:540px; }

/* Hover efekti */
.thumb:hover { transform: scale(1.02); }

/* Modal image styling */
.modal-body {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  padding:0;
}
#modalImage {
  max-width:100%;
  max-height:90vh;
  object-fit:contain;
  display:block;
  outline:none;             /* focus için outline isterseniz değiştirin */
}

/* Prev/Next buttons */
.gallery-nav-btn {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  background:rgba(0,0,0,0.35);
  border:none;
  width:56px;
  height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1055;
}
.gallery-nav-btn:hover { background:rgba(0,0,0,0.55); }
.gallery-prev { left:12px; }
.gallery-next { right:12px; }

/* Caption */
.gallery-caption {
  color:#fff;
  padding:0.5rem 1rem;
  background:rgba(0,0,0,0.45);
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:12px;
  border-radius:6px;
  font-size:0.95rem;
  z-index:1055;
}

/* Make modal fullscreen */
.modal-fullscreen .modal-dialog { max-width:100%; margin:0; height:100vh; }
.modal-fullscreen .modal-content { height:100vh; background:transparent; border:0; }