/* ============================================================
   NIGHTOVA v2 — custom.html sayfa stilleri
   ------------------------------------------------------------
   Yalnız bu sayfaya özgü parçalar. Tüm token'lar style.css'ten
   gelir; burada yeni renk/yazı tanımı YOK — sadece kompozisyon.
   Mobil-öncelikli.
   ============================================================ */

/* ---------- Breadcrumb (sayfa üstü patika) ---------- */
.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;
  font-size:.64rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);
}
.breadcrumb a{
  color:var(--text-2);
  transition:color .3s;
}
.breadcrumb a:hover{color:var(--gold-2);}
.breadcrumb .bc-sep{color:var(--gold-dim);}
.breadcrumb [aria-current="page"]{color:var(--gold);}

/* ---------- Hero — davetiye ---------- */
.hero--page{min-height:86svh;}
.hero--page .hero-inner{
  padding-top:8.5rem;
  padding-bottom:clamp(4.5rem, 10vh, 7rem);
}
.hero--page .hero-media img{object-position:center 40%;}
.hero-crest{
  margin-top:2rem;
  font-family:var(--serif);
  font-size:1.5rem;line-height:1;
  color:var(--gold-2);
}
.hero--page .hero-eyebrow{margin-top:1.1rem;}
.hero--page h1{max-width:17ch;}

/* ---------- Güven bandı — 4 kalem ---------- */
.trust--four{grid-template-columns:repeat(2,1fr);row-gap:1.4rem;}
@media (min-width:760px){
  .trust--four{grid-template-columns:repeat(4,1fr);row-gap:0;}
}
@media (max-width:759px){
  /* 2×2 dizilimde satır başındaki kalemin ayracı olmasın */
  .trust--four .trust-item:nth-child(odd)::before{display:none;}
}

/* ---------- Hakkında — editöryel ikili ---------- */
.custom-about-grid{
  display:grid;grid-template-columns:1fr;
  gap:clamp(2rem, 5vw, 3.6rem);
  align-items:center;
}
@media (min-width:920px){
  .custom-about-grid{grid-template-columns:.92fr 1.08fr;}
}
.custom-about-media{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-1);
}
.custom-about-media img{
  width:100%;height:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
/* Aristokrat davetiye çerçevesi — villa kartıyla aynı dil */
.custom-about-media::after{
  content:"";position:absolute;inset:10px;
  border:1px solid var(--gold-faint);
  border-radius:calc(var(--radius) - 8px);
  pointer-events:none;
}
.custom-about-media::before{
  content:"";position:absolute;inset:auto 0 0 0;height:42%;z-index:1;
  background:linear-gradient(to top, rgba(7,8,12,.55), transparent);
  pointer-events:none;
}
.custom-about-body .rule{margin:1.35rem 0;}
.custom-lede{
  margin-top:1.5rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.25rem, 2.6vw, 1.55rem);
  line-height:1.6;
  color:var(--text);
  text-wrap:pretty;
}
.custom-about-body .about-note{
  margin-top:1.2rem;
  font-size:.92rem;font-weight:300;
  line-height:1.85;
  color:var(--text-2);
  max-width:58ch;
}

/* ---------- İlham listesi — hairline adım kartları ---------- */
.wish-grid{
  display:grid;grid-template-columns:1fr;
  gap:1.6rem 2rem;
  list-style:none;
  margin:0;padding:0;
}
@media (min-width:680px){ .wish-grid{grid-template-columns:repeat(2,1fr);} }
.wish{
  position:relative;
  display:flex;align-items:baseline;gap:1rem;
  padding-top:1.2rem;
  border-top:1px solid var(--line);
}
.wish::before{
  content:"";position:absolute;top:-1px;left:0;
  width:42px;height:1px;
  background:var(--gold);
  transition:width .5s var(--ease);
}
.wish:hover::before{width:84px;}
.wish-num{
  flex:none;
  font-family:var(--serif);
  font-size:1.35rem;font-style:italic;
  line-height:1;
  color:var(--gold-2);
}
.wish p{
  font-size:.92rem;font-weight:300;
  line-height:1.75;
  color:var(--text-2);
}
.wish--last p{
  font-family:var(--serif);
  font-style:italic;
  font-size:1.08rem;
  color:var(--gold-2);
}

/* ---------- Talep formu ---------- */
.custom-form-wrap{
  display:grid;grid-template-columns:1fr;
  gap:clamp(1.6rem, 4vw, 2.6rem);
  align-items:start;
}
@media (min-width:940px){
  .custom-form-wrap{grid-template-columns:.7fr 1.3fr;}
}
.custom-form-side{
  padding:1.8rem 1.6rem;
  background:rgba(255,255,255,.025);
  border:1px solid var(--line);
  border-radius:var(--radius);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.custom-form-side p{
  font-size:.9rem;font-weight:300;
  line-height:1.85;
  color:var(--text-2);
}
.custom-form-side .btn{margin-top:1.3rem;width:100%;}
@media (min-width:940px){
  .custom-form-side{position:sticky;top:110px;}
}

.custom-form{
  display:grid;grid-template-columns:1fr;
  gap:1.15rem 1.1rem;
  padding:clamp(1.5rem, 4vw, 2.4rem);
  background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-1);
}
@media (min-width:640px){
  .custom-form{grid-template-columns:repeat(2,1fr);}
  .custom-form .full{grid-column:1 / -1;}
}
.custom-form label{
  display:block;
  margin-bottom:.5rem;
  font-size:.64rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);
}
.custom-form input,
.custom-form textarea{
  width:100%;
  min-height:50px;
  padding:.8rem 1rem;
  background:rgba(7,8,12,.55);
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  font-family:var(--sans);
  font-size:.92rem;font-weight:300;
  color:var(--text);
  transition:border-color .3s, box-shadow .3s;
  -webkit-appearance:none;
  appearance:none;
}
.custom-form input::placeholder,
.custom-form textarea::placeholder{color:var(--muted);opacity:.75;}
.custom-form input:focus,
.custom-form textarea:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px var(--gold-faint);
}
.custom-form textarea.big-box{
  min-height:220px;
  line-height:1.7;
  resize:vertical;
}
/* Tarayıcı tarih ikonunu karanlık zemine uydur */
.custom-form input[type="date"]{color-scheme:dark;}
.custom-form .form-note{
  font-size:.76rem;font-weight:300;
  line-height:1.7;
  color:var(--muted);
  letter-spacing:.02em;
}
.custom-form button[type="submit"]{width:100%;}

/* ---------- Footer / aktif sayfa ---------- */
.footer-col ul a[aria-current="page"]{color:var(--gold-2);}
.footer-col ul a[aria-current="page"]::before{content:"✦ ";color:var(--gold);}

/* ---------- RTL incelikleri ---------- */
html[dir="rtl"] .wish::before{left:auto;right:0;}
html[dir="rtl"] .custom-about-body .rule--left{
  margin-left:auto;margin-right:0;
}