/* ============================================================
   NIGHTOVA v2 — gece-hayati.html sayfa düzeni
   Paylaşılan tasarım sistemi style.css'tedir; burada yalnız bu
   sayfaya özel yerleşim var. Tüm renk/tipografi token'lardan.
   ============================================================ */

/* ---------- Detay hero ---------- */
.hero--detail{min-height:min(92svh, 900px);}
.hero--detail .hero-media img{object-position:center 30%;}

/* H1: ana başlık span'ı vurgu-italik olmasın (style.css .hero h1 span'ı ezer) */
.hero h1 .h1-main{
  font-style:normal;
  color:var(--text);
  letter-spacing:.05em;
}
/* Alt slogan — serif italik altın imza satırı */
.hero-slogan{
  margin-top:1.1rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.1rem, 2.6vw, 1.45rem);
  letter-spacing:.02em;
  color:var(--gold-2);
}

/* Breadcrumb — hero içinde, sessiz */
.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;
  margin-bottom:1.4rem;
  font-size:.64rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);
}
.breadcrumb a{color:var(--muted);transition:color .3s;}
.breadcrumb a:hover{color:var(--gold-2);}
.breadcrumb .sep{color:var(--gold-dim);}
.breadcrumb .current{color:var(--text-2);}

/* ---------- Zoom düğmeleri ---------- */
button.zoom{
  display:block;width:100%;height:100%;
  padding:0;border-radius:inherit;overflow:hidden;
  cursor:zoom-in;
}
button.zoom img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  transition:transform 1.1s var(--ease);
}
button.zoom:hover img{transform:scale(1.05);}

/* ---------- Sahne (stage) — geniş görsel + cam altyazı ---------- */
.stage{max-width:1400px;margin:0 auto;padding:0 var(--gutter);}
.stage-frame{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow-2);
  isolation:isolate;
}
.stage-frame > img{
  width:100%;
  aspect-ratio:21/9;
  object-fit:cover;object-position:center 35%;
}
@media (max-width:760px){
  .stage-frame > img{aspect-ratio:4/3;}
}
.stage-frame::after{
  content:"";position:absolute;inset:auto 0 0 0;height:62%;
  background:linear-gradient(to top, rgba(7,8,12,.92) 8%, rgba(7,8,12,.4) 55%, transparent);
  pointer-events:none;
}
.stage-cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:clamp(1.3rem, 3.5vw, 2.4rem);
}
.stage-cap .eyebrow{font-size:.62rem;}
.stage-cap h3{
  margin-top:.55rem;
  font-size:clamp(1.5rem, 3.8vw, 2.4rem);
  text-wrap:balance;
}

/* ---------- Egzotik dans — zarif yatay şerit ---------- */
.dance-strip-wrap{position:relative;}
.dance-strip{
  display:flex;
  gap:clamp(.8rem, 2vw, 1.2rem);
  overflow-x:auto;
  padding:.4rem var(--gutter) 1.2rem;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--gold-dim) transparent;
}
.dance-strip::-webkit-scrollbar{height:5px;}
.dance-strip::-webkit-scrollbar-track{background:transparent;}
.dance-strip::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px;}
.dance-strip figure{
  flex:0 0 clamp(240px, 62vw, 340px);
  aspect-ratio:1/1;
  margin:0;
  scroll-snap-align:center;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1px solid var(--line);
  transition:border-color .4s;
}
.dance-strip figure:hover{border-color:var(--gold-dim);}
@media (min-width:1200px){
  .dance-strip{justify-content:center;}
}

/* ---------- İçerik: editöryel gövde + yan kart ---------- */
.detail-layout{
  display:grid;grid-template-columns:1fr;
  gap:clamp(2.4rem, 5vw, 3.6rem);
  align-items:start;
}
@media (min-width:980px){
  .detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);}
}
.detail-copy h3{
  display:flex;align-items:center;gap:1rem;
  margin-top:clamp(2.6rem, 6vw, 3.6rem);
  font-size:clamp(1.45rem, 3.2vw, 1.9rem);
}
.detail-copy h3::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg, var(--gold-dim), transparent);
}
[dir="rtl"] .detail-copy h3::after{
  background:linear-gradient(270deg, var(--gold-dim), transparent);
}
.detail-copy h3:first-child{margin-top:0;}
.detail-copy p{
  margin-top:1rem;
  max-width:68ch;
  font-size:.95rem;font-weight:300;
  line-height:1.9;
  color:var(--text-2);
}

/* Program saatleri */
.program-times{
  display:grid;grid-template-columns:1fr;
  gap:1rem;
  margin-top:1.5rem;
}
@media (min-width:620px){ .program-times{grid-template-columns:1fr 1fr;} }
.program-slot{
  position:relative;
  padding:1.5rem 1.7rem;
  background:linear-gradient(160deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  transition:border-color .3s, transform .45s var(--ease);
}
.program-slot::before{
  content:"";position:absolute;inset:5px;
  border:1px solid var(--gold-faint);
  border-radius:calc(var(--radius-sm) - 3px);
  pointer-events:none;
}
.program-slot:hover{border-color:var(--gold-dim);transform:translateY(-3px);}
.program-label{
  display:block;
  font-size:.62rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--muted);
}
.program-hours{
  display:block;
  margin-top:.55rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.6rem, 4vw, 2rem);
  letter-spacing:.02em;
  color:var(--gold-2);
}

/* Yaldızlı liste kartı */
.gilded-list{
  list-style:none;
  position:relative;
  margin-top:1.5rem;
  padding:1.7rem 1.8rem;
  background:linear-gradient(160deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.gilded-list::before{
  content:"";position:absolute;inset:6px;
  border:1px solid var(--gold-faint);
  border-radius:calc(var(--radius-sm) - 4px);
  pointer-events:none;
}
.gilded-list li{
  position:relative;
  padding-inline-start:1.7rem;
  font-size:.92rem;font-weight:300;
  line-height:1.75;
  color:var(--text-2);
}
.gilded-list li + li{margin-top:.85rem;}
.gilded-list li::before{
  content:"✦";
  position:absolute;inset-inline-start:0;top:.12em;
  font-size:.78rem;
  color:var(--gold);
}

/* Büyük slogan — serif italik altın beyan */
.statement{
  margin-top:2.4rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.3rem, 3vw, 1.65rem);
  line-height:1.5;
  color:var(--gold-2);
  text-wrap:balance;
}

/* Çapraz-satış üçlüsü */
.trio-grid{
  display:grid;grid-template-columns:1fr;
  gap:clamp(.8rem, 1.8vw, 1.1rem);
  margin-top:2rem;
}
@media (min-width:640px){ .trio-grid{grid-template-columns:repeat(3,1fr);} }
.trio-grid figure{
  position:relative;margin:0;
  aspect-ratio:4/3;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1px solid var(--line);
  transition:border-color .4s;
}
.trio-grid figure:hover{border-color:var(--gold-dim);}
.trio-grid img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
}

/* Yan kart */
.side-card{
  background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-1);
}
@media (min-width:980px){
  .side-card{position:sticky;top:104px;}
}
.side-card > img{
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;object-position:center 30%;
}
.side-card-body{padding:1.6rem 1.6rem 1.8rem;}
.side-card-body h4{font-size:1.5rem;}
.side-card-body p{
  margin-top:.7rem;
  font-size:.88rem;font-weight:300;
  line-height:1.8;
  color:var(--text-2);
}
.side-card-body .btn{width:100%;margin-top:1.3rem;}

/* ---------- Sürpriz davetiyesi ---------- */
.invite{
  position:relative;
  max-width:680px;
  margin:0 auto;
  padding:clamp(2.2rem, 6vw, 3.4rem) clamp(1.4rem, 5vw, 3rem);
  background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
  text-align:center;
}
.invite::before{
  content:"";position:absolute;inset:9px;
  border:1px solid var(--gold-faint);
  border-radius:calc(var(--radius) - 7px);
  pointer-events:none;
}
.invite .eyebrow{display:block;}
.invite h2{
  margin-top:1.1rem;
  font-size:clamp(1.6rem, 4.4vw, 2.3rem);
  text-wrap:balance;
}
.invite > p{
  margin:1.1rem auto 0;
  max-width:50ch;
  font-size:.93rem;font-weight:300;
  line-height:1.85;
  color:var(--text-2);
}
.invite-actions{
  display:flex;flex-direction:column;align-items:stretch;
  gap:.85rem;
  max-width:340px;
  margin:1.8rem auto 0;
}
@media (min-width:640px){
  .invite-actions{flex-direction:row;justify-content:center;max-width:none;}
  .invite-actions .btn{min-width:210px;}
}
.invite-note{
  margin-top:1.4rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:.95rem;
  color:var(--muted);
}

/* ---------- Diğer hizmetler ---------- */
.related-links{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:.8rem;
}
.related-links a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;
  padding:.6rem 1.5rem;
  border:1px solid var(--line-strong);
  border-radius:999px;
  font-size:.72rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-2);
  transition:border-color .3s, color .3s, transform .35s var(--ease);
}
.related-links a:hover{
  border-color:var(--gold-dim);
  color:var(--gold-2);
  transform:translateY(-2px);
}

/* ---------- Lightbox ---------- */
.lightbox{
  position:fixed;inset:0;z-index:220;
  display:none;align-items:center;justify-content:center;
  padding:clamp(1rem, 4vw, 2.5rem);
  background:rgba(7,8,12,.93);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  cursor:zoom-out;
}
.lightbox.open{display:flex;}
.lightbox img{
  max-width:100%;max-height:86vh;
  width:auto;height:auto;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-2);
}
.lightbox-close{
  position:absolute;top:1rem;inset-inline-end:1rem;
  width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:var(--glass);
  color:var(--text);
  font-size:1rem;
  cursor:pointer;
  transition:border-color .3s, color .3s;
}
.lightbox-close:hover{border-color:var(--gold-dim);color:var(--gold-2);}

/* Footer'da aktif sayfa */
.site-footer a[aria-current="page"]{color:var(--gold-2);}