/* ============================================================
   NIGHTOVA v2 — club.html (La Nouba) 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 40%;}

/* 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);}

/* #beyondclubbing — serif italik altın imza satırı */
.hero-slogan{
  margin-top:1.2rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.05rem, 2.4vw, 1.3rem);
  letter-spacing:.04em;
  color:var(--gold-2);
}

/* VIP sözü — cam şerit */
.vip-promise{
  display:inline-flex;align-items:center;gap:.7rem;
  margin-top:1.5rem;
  padding:.75rem 1.3rem;
  border:1px solid var(--gold-dim);
  border-radius:999px;
  background:rgba(7,8,12,.55);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  font-size:.8rem;font-weight:500;
  letter-spacing:.04em;
  color:var(--text);
}
.vip-promise::before{
  content:"✦";
  color:var(--gold-2);
  font-size:.8rem;
}

/* ---------- 4'lü bilgi bandı (kapı saatleri) ---------- */
.trust--4{grid-template-columns:repeat(4,1fr);}
.trust--4 .num{font-size:clamp(1.05rem, 2.4vw, 1.5rem);white-space:nowrap;}
@media (max-width:680px){
  .trust--4{grid-template-columns:repeat(2,1fr);row-gap:1.5rem;}
  .trust--4 .trust-item:nth-child(3)::before{display:none;}
}
.hours-note{
  max-width:1160px;
  margin:0 auto;
  padding:1rem var(--gutter) 0;
  text-align:center;
  font-size:.74rem;font-weight:300;
  letter-spacing:.04em;
  color:var(--muted);
}

/* ---------- 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);}

/* ---------- Mekân mozaiği ---------- */
.mosaic{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(.7rem, 1.6vw, 1rem);
}
.mosaic figure{
  position:relative;margin:0;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1px solid var(--line);
  aspect-ratio:4/3;
  transition:border-color .4s;
}
.mosaic figure:hover{border-color:var(--gold-dim);}
.mosaic .m-main{grid-column:1 / -1;aspect-ratio:16/9;}
@media (min-width:880px){
  .mosaic{grid-template-columns:1.8fr 1fr 1fr;grid-auto-rows:235px;}
  .mosaic figure{aspect-ratio:auto;}
  .mosaic .m-main{grid-column:1;grid-row:1 / 3;aspect-ratio:auto;}
}

/* ---------- VIP Loca katmanları ---------- */
.tier{
  display:grid;grid-template-columns:1fr;
  gap:clamp(1.2rem, 3vw, 2.2rem);
  align-items:stretch;
}
.tier + .tier{margin-top:clamp(2.4rem, 6vw, 4rem);}
@media (min-width:940px){
  .tier{grid-template-columns:1.05fr .95fr;}
  .tier--reverse .tier-info{order:-1;}
}
.tier-gallery{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  grid-auto-rows:minmax(150px, 1fr);
  gap:clamp(.7rem, 1.4vw, .9rem);
}
.tier-gallery figure{
  position:relative;margin:0;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1px solid var(--line);
  transition:border-color .4s;
}
.tier-gallery figure:hover{border-color:var(--gold-dim);}
.tier-gallery .g-main{grid-row:1 / 3;}
.tier-gallery--single{grid-template-columns:1fr;grid-auto-rows:auto;}
.tier-gallery--single .g-main{grid-row:auto;aspect-ratio:4/3;}
@media (max-width:520px){
  .tier-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(110px,1fr);}
}

.tier-info{
  position:relative;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(1.6rem, 4vw, 2.4rem);
  background:linear-gradient(170deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
}
.tier-info::before{
  content:"";position:absolute;inset:8px;
  border:1px solid var(--gold-faint);
  border-radius:calc(var(--radius) - 6px);
  pointer-events:none;
}
.tier-tag{
  font-family:var(--sans);
  font-size:.64rem;font-weight:600;
  letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);
}
.tier-badge{
  display:inline-flex;align-items:center;align-self:flex-start;
  margin-top:.9rem;
  padding:.42rem .95rem;
  border:1px solid var(--gold-dim);
  border-radius:999px;
  background:rgba(201,162,75,.08);
  font-size:.68rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-2);
}
.tier-list{
  list-style:none;
  margin-top:1.4rem;
}
.tier-list li{
  position:relative;
  padding-inline-start:1.6rem;
  font-size:.9rem;font-weight:300;
  line-height:1.7;
  color:var(--text-2);
}
.tier-list li + li{margin-top:.75rem;}
.tier-list li::before{
  content:"✦";
  position:absolute;inset-inline-start:0;top:.12em;
  font-size:.76rem;
  color:var(--gold);
}
.tier-info .btn{align-self:flex-start;margin-top:1.6rem;}
@media (max-width:480px){
  .tier-info .btn{align-self:stretch;width:100%;}
}

/* ---------- Özellik şeridi (eski ticker'ın zarif hâli) ---------- */
.feature-strip{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:.7rem 0;
  padding:1.15rem var(--gutter);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--bg-0);
  font-size:.66rem;font-weight:600;
  letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);
  text-align:center;
}
.feature-strip span{padding:0 1.5rem;position:relative;}
.feature-strip span + span::before{
  content:"✦";
  position:absolute;inset-inline-start:-.35rem;top:50%;
  transform:translateY(-50%);
  color:var(--gold-dim);
  letter-spacing:0;
}

/* ---------- Yaklaşan sanatçılar ---------- */
.artists-grid{                                   /* yalnız-poster masonry (karışık oran kırpılmadan) */
  columns:230px;
  column-gap:clamp(1.1rem, 2.4vw, 1.6rem);
}
.artist-card{
  break-inside:avoid;
  margin:0 0 clamp(1.1rem, 2.4vw, 1.6rem);
  overflow:hidden;
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-1);
  transition:transform .5s var(--ease), border-color .4s;
}
.artist-card .zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;}
.artist-card img{width:100%;height:auto;display:block;}
.artist-card:hover{transform:translateY(-5px);border-color:var(--gold-dim);}
.artist-card .artist-poster{
  aspect-ratio:3/4;
  border-radius:var(--radius-sm);
  overflow:hidden;
  border:1px solid var(--line);
}
.artist-card .artist-date{
  display:block;
  margin-top:1.1rem;
  font-size:.62rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);
}
.artist-card h4{
  margin-top:.5rem;
  font-size:1.3rem;
  font-weight:500;
}
.artist-card p{
  margin-top:.55rem;
  padding:0 .4rem;
  font-size:.83rem;font-weight:300;
  line-height:1.7;
  color:var(--text-2);
}

/* ---------- Deneyim gövdesi ---------- */
.experience-copy{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
.experience-copy p{
  margin-top:1.1rem;
  font-size:.95rem;font-weight:300;
  line-height:1.9;
  color:var(--text-2);
}

/* Masa görseli + serif italik altyazı */
.visual{
  max-width:600px;
  margin:clamp(2.4rem, 6vw, 3.4rem) auto 0;
}
.visual figure{
  margin:0;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow-1);
  transition:border-color .4s;
}
.visual figure:hover{border-color:var(--gold-dim);}
.visual figure button.zoom img{aspect-ratio:3/2;}
.visual figcaption{
  margin-top:.9rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:1rem;
  line-height:1.7;
  color:var(--text-2);
  text-align:center;
}

/* ---------- Gece programı davetiyesi ---------- */
.invite{
  position:relative;
  max-width:680px;
  margin:clamp(2.6rem, 7vw, 4.2rem) auto 0;
  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-mark{
  font-family:var(--serif);
  font-size:1.6rem;
  letter-spacing:.06em;
  color:var(--text);
  line-height:1;
}
.invite-mark small{
  display:block;
  margin-top:.5rem;
  font-family:var(--sans);
  font-size:.55rem;font-weight:600;
  letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold);
}
.invite h3{
  margin-top:1.5rem;
  font-size:clamp(1.5rem, 4vw, 2rem);
  color:var(--gold-2);
  text-wrap:balance;
}
.invite p{
  margin:1rem auto 0;
  max-width:52ch;
  font-size:.92rem;font-weight:300;
  line-height:1.85;
  color:var(--text-2);
}
.invite .btn{margin-top:1.7rem;}

/* ---------- Geceden kareler ---------- */
.moments-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(.7rem, 1.6vw, 1.1rem);
}
@media (min-width:860px){ .moments-grid{grid-template-columns:repeat(3,1fr);} }
.moments-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;
}
.moments-grid figure:hover{border-color:var(--gold-dim);}

/* ---------- 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);}