/* Mekân sayfası — sitenin mevcut dilinden türetildi (Manrope/DM Sans, lacivert-teal, altın vurgu). */
.venue-page {
  --v-ink: #142f3b; --v-navy: #123f4d; --v-gold: #a9833c; --v-muted: #6b8490;
  --v-line: #dce7e9; --v-paper: #fbfcfa; --v-sand: #f4f0e7;
  min-height: 100vh; color: var(--v-ink);
  background: linear-gradient(145deg, #f8f8f4, #e8f0f0 70%, #dce9e9);
}
.venue-page .site-header { position: relative; }
.venue-main { width: min(1120px, 92%); margin: 34px auto 72px; display: grid; gap: 22px; }
.venue-page .eyebrow { color: #886d39; }

/* Açılış: kutudaki görsel ve kum rengi geçiş, sayfa genişliğinde */
.venue-hero {
  position: relative; min-height: clamp(360px, 46vw, 540px); border-radius: 16px; overflow: hidden;
  display: flex; align-items: flex-end; background: var(--v-sand);
  box-shadow: 0 18px 55px #123f4d12;
}
.venue-hero::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, #f4f0e7 0%, #f3f0e6d9 38%, #f3f0e633 70%, transparent 100%), var(--venue-img) center / cover no-repeat;
}
.venue-hero-copy { position: relative; z-index: 1; padding: clamp(26px, 4vw, 54px); max-width: 640px; }
.venue-hero h1 {
  font: 600 clamp(36px, 5.4vw, 68px)/.98 var(--display); letter-spacing: -.06em;
  color: #143e4d; margin: 10px 0 18px;
}
.venue-address { margin: 0 0 18px; font-size: 16px; line-height: 1.5; color: var(--v-ink); }
.venue-address span { color: var(--v-gold); }
.venue-status {
  display: inline-flex; margin: 0; padding: 8px 14px; border-radius: 99px;
  border: 1px solid #a9833c55; background: #fbf7ee; color: #6f5626; font-size: 13px; font-weight: 600;
}

/* Mekân bilgileri: salon, alan, tavan, bağlantı */
.venue-facts dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.venue-facts dl > div { padding: 20px 22px; border: 1px solid var(--v-line); border-radius: 12px; background: #ffffffe6; }
.venue-facts dt { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--v-muted); margin-bottom: 8px; }
.venue-facts dd { margin: 0; font: 600 clamp(20px, 2.2vw, 26px)/1.15 var(--display); letter-spacing: -.03em; color: var(--v-ink); }

/* Ortak bölüm kartı */
.venue-capacity, .venue-about, .venue-map-block {
  border: 1px solid var(--v-line); border-radius: 16px; background: #ffffffec; box-shadow: 0 18px 55px #123f4d0a;
}
.venue-section-head h2, .venue-map-info h2 {
  font: 600 clamp(24px, 2.6vw, 32px)/1.1 var(--display); letter-spacing: -.05em; margin: 6px 0 10px; color: var(--v-ink);
}
.venue-section-head p:not(.eyebrow) { margin: 0; max-width: 620px; color: var(--v-muted); font-size: 15px; line-height: 1.6; }

/* İmza öğe: kapasite çizelgesi ve 350+ hedef çizgisi */
.venue-capacity { padding: clamp(24px, 3vw, 38px); display: grid; gap: 26px; }
.capacity-chart { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; position: relative; }
.capacity-chart > li { display: grid; grid-template-columns: minmax(110px, 170px) 1fr 92px; align-items: center; gap: 16px; }
.capacity-label { font-size: 15px; font-weight: 600; color: var(--v-ink); }
.capacity-track { position: relative; height: 34px; border-radius: 8px; background: #eef4f5; }
.capacity-bar { position: absolute; inset: 0 auto 0 0; border-radius: 8px; background: var(--v-navy); transform-origin: left; animation: capacity-grow .9s cubic-bezier(.22,.61,.36,1) both; }
.is-under .capacity-bar { background: #5f8793; }
.capacity-value { font: 700 22px/1 var(--display); letter-spacing: -.03em; color: var(--v-ink); font-variant-numeric: tabular-nums; }
.capacity-value small { font: 500 12px "DM Sans", sans-serif; color: var(--v-muted); letter-spacing: 0; }
/* Hedef çizgisi: her çubukta aynı noktada; satır aralığını kapatacak kadar uzar, tek çizgi gibi görünür */
.capacity-chart > li:not(.capacity-target) .capacity-track::after {
  content: ""; position: absolute; top: -8px; bottom: -8px; left: var(--target); width: 0;
  border-left: 2px dashed var(--v-gold); pointer-events: none; z-index: 1;
}
.capacity-target .capacity-track { background: none; height: 18px; }
.capacity-target-mark {
  position: absolute; left: var(--target); transform: translateX(-50%); white-space: nowrap;
  font-size: 12px; font-weight: 700; color: #886d39; text-transform: uppercase; letter-spacing: .04em;
}
@keyframes capacity-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* Harita ve ulaşım */
.venue-map-block { display: grid; grid-template-columns: 1.55fr 1fr; overflow: hidden; }
.venue-map-frame { position: relative; min-height: 440px; background: #e7eff0; }
.venue-map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: saturate(.85); }
.venue-map-info { padding: clamp(24px, 3vw, 38px); display: flex; flex-direction: column; gap: 4px; }
.venue-map-address { margin: 0 0 18px; font-size: 15px; line-height: 1.6; color: var(--v-ink); }
.venue-map-meta { margin: 0 0 24px; display: grid; gap: 10px; }
.venue-map-meta > div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--v-line); }
.venue-map-meta dt { font-size: 13px; color: var(--v-muted); }
.venue-map-meta dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--v-ink); text-align: right; }
.venue-map-actions { margin-top: auto; display: grid; gap: 10px; }
.venue-map-actions .button { width: 100%; font-size: 13px; min-height: 44px; }

/* Açıklama */
.venue-about { padding: clamp(24px, 3vw, 38px); }
.venue-about p:not(.eyebrow) { margin: 6px 0 22px; max-width: 820px; font-size: 16px; line-height: 1.7; color: var(--v-ink); }
.venue-about .button { font-size: 13px; }

.venue-page a:focus-visible { outline: 2px solid var(--v-navy); outline-offset: 3px; }

@media (max-width: 860px) {
  .venue-map-block { grid-template-columns: 1fr; }
  .venue-map-frame { min-height: 320px; }
}
@media (max-width: 620px) {
  .venue-main { margin: 20px auto 44px; gap: 14px; }
  .venue-page .site-header { padding-left: 5%; padding-right: 5%; }
  .venue-page .site-header > .button { font-size: 10px; padding: 0 10px; }
  .venue-hero { min-height: 420px; }
  .venue-hero::before { background: linear-gradient(0deg, #f4f0e7 0%, #f3f0e6e6 45%, #f3f0e633 80%, transparent 100%), var(--venue-img) center / cover no-repeat; }
  .venue-address { font-size: 14px; }
  .venue-facts dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .venue-facts dl > div { padding: 14px 15px; }
  .venue-facts dd { font-size: 18px; }
  .venue-status { font-size: 12px; }
  .capacity-chart > li { grid-template-columns: 1fr 70px; gap: 6px 12px; }
  .capacity-label { grid-column: 1 / -1; font-size: 14px; }
  .capacity-value { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .capacity-bar { animation: none; } }