/* Galeri modülü: ana sayfa vitrini (mozaik), /galeri/ ızgarası, büyük görünüm. Site renkleri: #095a77 / #ddbb8a / bej #f4f0ef. */

/* ---------- Ana sayfa bölümü: bej zemin (beyaz Uygulama Alanları ile koyu şerit arasında) */
.dospa-galeri-bolumu { background: #f4f0ef !important; }
.dospa-galeri-bolumu > .bt_bb_port { padding: 96px 0 !important; }
.dospa-galeri-kap { width: 100%; max-width: 1200px; margin: 0 auto; }
.dospa-galeri-bolumu .bt_bb_headline { margin-bottom: 44px; }
.dospa-galeri-bolumu .bt_bb_headline_subheadline { max-width: 620px; margin: 12px auto 0 !important; color: #3f4a54 !important; font-size: 16px !important; line-height: 1.6 !important; }

/* ---------- Ortak kutu: fotoğraf kırpılır, üzerine gelince hafif büyür, alt yazı aşağıdan belirir */
.dospa-galeri-oge { position: relative; display: block; overflow: hidden; background: #e6ddd6; text-decoration: none !important; }
.dospa-galeri-oge img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2, .7, .2, 1); }
.dospa-galeri-oge:hover img, .dospa-galeri-oge:focus-visible img { transform: scale(1.05); }
.dospa-galeri-oge:focus-visible { outline: 3px solid #ddbb8a; outline-offset: 3px; }
.dospa-galeri-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 20px 16px; background: linear-gradient(transparent, rgba(11, 63, 85, .88));
  color: #fff !important; font: 500 14px/1.45 Poppins, sans-serif; opacity: 0; transform: translateY(10px); transition: opacity .35s, transform .35s; }
.dospa-galeri-oge:hover .dospa-galeri-yazi, .dospa-galeri-oge:focus-visible .dospa-galeri-yazi { opacity: 1; transform: none; }

/* ---------- Vitrin: 4 sütun, ilk fotoğraf 2×2 büyük kutu */
.dospa-galeri-mozaik { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 250px; gap: 14px; }
.dospa-galeri-mozaik .dospa-galeri-oge:first-child { grid-column: span 2; grid-row: span 2; }
.dospa-galeri-tumu::after { content: ""; position: absolute; inset: 0; background: rgba(9, 90, 119, .74); transition: background-color .35s; }
.dospa-galeri-tumu:hover::after, .dospa-galeri-tumu:focus-visible::after { background: rgba(11, 63, 85, .86); }
.dospa-galeri-tumu-yazi { position: absolute; inset: 14px; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  border: 1px solid rgba(221, 187, 138, .7); text-align: center; font-family: Poppins, sans-serif; }
.dospa-galeri-tumu-yazi strong { color: #fff !important; font-size: 24px; font-weight: 600; }
.dospa-galeri-tumu-yazi > span { color: #ddbb8a !important; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 991px) { .dospa-galeri-mozaik { grid-auto-rows: 190px; } }
@media (max-width: 767px) {
  .dospa-galeri-bolumu > .bt_bb_port { padding: 60px 0 !important; }
  .dospa-galeri-kap { padding: 0 20px; }
  .dospa-galeri-bolumu .bt_bb_headline { margin-bottom: 30px; }
  .dospa-galeri-mozaik { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; gap: 10px; }
  .dospa-galeri-tumu-yazi strong { font-size: 19px; }
  .dospa-galeri-tumu-yazi > span { font-size: 12px; }
}

/* ---------- /galeri/ sayfası: 3 sütun, dikey fotoğraf iki satır (boşluklar "dense" ile dolar) */
.dospa-galeri-giris { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 36px; }
.dospa-galeri-giris h1 { margin-bottom: 0 !important; }
.dospa-galeri-ozet { max-width: 520px; margin: 0; font-size: 17px; line-height: 1.65; color: #3f4a54; }
.dospa-galeri-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 260px; grid-auto-flow: dense; gap: 14px; }
.dospa-galeri-izgara .dikey { grid-row: span 2; }
.dospa-galeri-davet { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 64px; padding: 40px 44px; background: #f4f0ef; border-top: 3px solid #ddbb8a; }
.dospa-galeri-davet h2 { margin: 0 0 8px; color: #095a77; font-size: 28px; font-weight: 600; }
.dospa-galeri-davet p { margin: 0; color: #3f4a54; font-size: 16px; }
.dospa-galeri-davet .dospa-eylem { margin: 0; flex: none; }
@media (max-width: 900px) {
  .dospa-galeri-giris { flex-direction: column; align-items: flex-start; gap: 14px; }
  .dospa-galeri-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 200px; }
  .dospa-galeri-davet { flex-direction: column; align-items: flex-start; padding: 32px 24px; }
}
@media (max-width: 560px) { .dospa-galeri-izgara { grid-auto-rows: 140px; gap: 8px; } .dospa-galeri-yazi { display: none; } }

/* ---------- Büyük görünüm (galeri.js): koyu petrol perde, ortada fotoğraf, altta açıklama ve sıra */
html.dospa-isik-acik { overflow: hidden; }
.dospa-isik { position: fixed; inset: 0; z-index: 1000001; display: flex; align-items: center; justify-content: center; padding: 64px 84px 40px;
  background: rgba(6, 32, 44, .95); font-family: Poppins, sans-serif; }
.dospa-isik[hidden] { display: none; }
.dospa-isik-cerceve { margin: 0; display: flex; flex-direction: column; align-items: center; max-width: 100%; max-height: 100%; }
.dospa-isik-cerceve img { display: block; max-width: min(1200px, 100%); max-height: calc(100vh - 160px); width: auto; height: auto; object-fit: contain; box-shadow: 0 20px 60px rgba(0, 0, 0, .45); }
.dospa-isik-cerceve figcaption { display: flex; justify-content: space-between; gap: 20px; width: 100%; padding-top: 16px; color: #fff; font-size: 15px; line-height: 1.5; }
.dospa-isik-sayac { flex: none; color: #ddbb8a; letter-spacing: .08em; }
.dospa-isik button { position: absolute; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; margin: 0;
  border: 1px solid rgba(221, 187, 138, .6); border-radius: 50%; background: rgba(6, 32, 44, .4); color: #fff; font: 300 30px/1 Poppins, sans-serif; cursor: pointer;
  transition: background-color .2s, color .2s; appearance: none; }
.dospa-isik button:hover, .dospa-isik button:focus-visible { background: #ddbb8a; color: #0b3f55; outline: none; }
.dospa-isik-kapat { top: 16px; right: 16px; }
.dospa-isik-onceki { left: 18px; top: 50%; transform: translateY(-50%); }
.dospa-isik-sonraki { right: 18px; top: 50%; transform: translateY(-50%); }
.dospa-isik.tek .dospa-isik-onceki, .dospa-isik.tek .dospa-isik-sonraki { display: none; }
@media (max-width: 767px) {
  .dospa-isik { padding: 64px 12px 24px; }
  .dospa-isik-cerceve img { max-height: calc(100vh - 190px); }
  .dospa-isik-cerceve figcaption { font-size: 14px; }
  .dospa-isik-onceki, .dospa-isik-sonraki { top: auto; bottom: 18px; transform: none; width: 46px; height: 46px; }
  .dospa-isik-onceki { left: auto; right: 74px; }
}
@media (prefers-reduced-motion: reduce) { .dospa-galeri-oge img, .dospa-galeri-yazi { transition: none; } }