/* ==========================================================================
   VV TABLO — İMZA SERİSİ  (2026-08-17)
   --------------------------------------------------------------------------
   Serideki beşinci özel sayfa; hepsi aynı markanın ayrı odaları:

     Eğlenceli      koyu mürekkep + neon + çıkartma      → şen
     Kids by Hi Mom gün ışığı + pastel + kemer           → masalsı
     Doğa & Yaşam   gece siyahı + altın saat             → dingin
     Kültür & Miras sinema perdesi + yer künyesi         → görkemli
     İmza Serisi    gece laciverti + altın imza          → törensel

   TASARIMIN DAYANDIĞI VERİ
   Bu, sitedeki TEK numaralı-sınırlı baskı koleksiyonu: Özel Seri eserleri
   50 adetle sınırlı ve № 1 numaralı baskı satılmıyor, VV TABLO arşivinde
   kalıyor. Aşağıdaki Özel Seri kartları zaten lacivert; hero şimdi aynı
   törensel dile katılıyor — koleksiyonun altın imzası koyu zeminde,
   altında hatıra-para plakası gibi tek satırlık bir seri künyesi.

   NEDEN body.imza ÖNEKİ: sayfanın head'inde 2026-08-07'den kalan gömülü
   bir <style> var (.ata-hero açık zemin). O blok korunuyor (JS'i ve
   ızgarası ona dokunmuyor); buradaki kurallar body.imza ile daha yüksek
   özgüllükte ezip geçiyor. Geri almak = bu dosyanın bağlantısını ve
   body'deki sınıfı silmek.
   ========================================================================== */

.imza{
  --im-gece:#0B1420;
  --im-derin:#08111D;
  --im-altin:#C9A227;
  --im-amber:#E8B860;
  --im-tebesir:#F4F1EA;
}

/* ---------- HERO: tören salonu ---------- */
body.imza .ata-hero{
  position:relative;
  padding:96px 22px 58px;
  background:
    radial-gradient(120% 90% at 50% 0%, #12233A 0%, var(--im-gece) 46%, var(--im-derin) 100%);
  overflow:hidden;
  isolation:isolate;
}
/* İmzanın arkasında nefes alan altın hâle — görsel değil, tek geçiş. */
body.imza .ata-hero::before{
  content:"";
  position:absolute; left:50%; top:52%;
  width:min(720px,90vw); height:300px;
  transform:translate(-50%,-50%);
  background:radial-gradient(50% 50% at 50% 50%, rgba(201,162,39,.16), transparent 70%);
  filter:blur(6px);
  animation:imza-hale 9s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes imza-hale{ from{ opacity:.6; } to{ opacity:1; } }

body.imza .ata-hero .kicker{
  display:inline-flex; align-items:center; gap:14px;
  color:var(--im-amber);
  letter-spacing:.34em;
}
/* Kicker'ın iki yanında ince altın çizgi — davetiye dili. */
body.imza .ata-hero .kicker::before,
body.imza .ata-hero .kicker::after{
  content:""; width:36px; height:1px;
  background:linear-gradient(90deg, transparent, var(--im-altin));
}
body.imza .ata-hero .kicker::after{
  background:linear-gradient(90deg, var(--im-altin), transparent);
}

body.imza .ata-hero h1{
  color:var(--im-tebesir);
  font-size:clamp(36px,5.4vw,62px);
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}

/* İMZA — ALTINA ÇEVRİLİYOR. DEĞERLER TARANARAK BULUNDU, göz kararı değil.
   Kaynak (ataturk-imza-transparent.webp) koyu mürekkep; lacivert zeminde
   görünmüyordu. brightness(0) önce tüm vuruşları saf siyaha indirir —
   sonrası kaynak renginden bağımsız ve deterministiktir.

   Filtre zinciri canvas'ta (ctx.filter, CSS ile aynı motor) 720 kombinasyon
   taranarak seçildi; ölçüt: #D4AF37 antik altına en yakın renk VE lacivert
   zemine karşı en az 5,5:1 kontrast.

     ilk deneme  invert72 sepia52 sat420  → #855f25  kontrast 3,2  ← bronz, sönük
     aday grubu  invert85+ sat700+        → #ffef4c  kontrast 15,6 ← limon sarısı
     SEÇİLEN     aşağıdaki               → #daad32  kontrast 8,8  ← hedefe 8 birim

   Işıma ıslak mürekkep hissi için; ölçüme dahil değil (drop-shadow
   ortalama renge karışmasın diye ölçümde çıkarıldı). */
body.imza .ata-imza{
  height:56px; opacity:1;
  filter:brightness(0) invert(55%) sepia(85%) saturate(340%) hue-rotate(6deg) brightness(1.05)
         drop-shadow(0 0 18px rgba(201,162,39,.4));
}
@media(min-width:768px){ body.imza .ata-imza{ height:70px; } }

body.imza .ata-hero p{
  color:rgba(244,241,234,.76);
  max-width:560px;
  font-size:14.5px;
}

/* SERİ KÜNYESİ — hatıra paranın kenar yazısı gibi tek satır.
   İçerik UYDURMA DEĞİL: Özel Seri eserleri gerçekten 50 adetle sınırlı
   (artworks.edition_limit=50) ve numaralandırma 2'den başlıyor — № 1
   satışa açılmıyor, arşivde (bkz. catalog-live renderOzelSeri: sıradaki
   numara = satış + 2). */
body.imza .imza-plaka{
  display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:10px 22px;
  margin:30px auto 0;
  padding:13px 26px;
  border:1px solid rgba(201,162,39,.4);
  border-radius:3px;
  position:relative;
}
/* Plakanın köşe tırnakları — çerçeve paspartusu detayı. */
body.imza .imza-plaka::before,
body.imza .imza-plaka::after{
  content:""; position:absolute; width:7px; height:7px;
  border:1px solid var(--im-altin);
}
body.imza .imza-plaka::before{ left:-4px; top:-4px; border-right:0; border-bottom:0; }
body.imza .imza-plaka::after{ right:-4px; bottom:-4px; border-left:0; border-top:0; }
body.imza .imza-plaka span{
  color:rgba(244,241,234,.82);
  font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  white-space:nowrap;
}
body.imza .imza-plaka b{ color:var(--im-amber); font-weight:500; }
body.imza .imza-plaka i{
  font-style:normal; color:rgba(201,162,39,.55); font-size:10px;
}
@media(max-width:479.98px){
  body.imza .imza-plaka{ padding:12px 16px; gap:8px 14px; }
  body.imza .imza-plaka span{ font-size:10px; letter-spacing:.14em; white-space:normal; }
  body.imza .imza-plaka i{ display:none; }  /* ayraçlar sarmada başıboş kalıyor */
}

/* Hero'yu sayfaya bağlayan altın çizgi. */
body.imza .imza-cizgi{
  height:1px; border:0; margin:0;
  background:linear-gradient(90deg, transparent, rgba(201,162,39,.6), transparent);
}

/* ---------- GÜVEN ŞERİDİ: açık zeminde altın dokunuş ---------- */
body.imza .ata-guven{ background:#FBFAF7; border-block:0; }
body.imza .ata-guven-madde{ position:relative; padding:24px; }
body.imza .ata-guven-madde::before{
  content:""; position:absolute; left:24px; right:24px; top:0; height:2px;
  background:linear-gradient(90deg, var(--im-altin), transparent);
}
body.imza .ata-guven-madde + .ata-guven-madde{ border-color:rgba(17,17,16,.07); }
/* Mobil tek sütunda sayfanın gri border-top'u ile ::before'daki altın
   çizgi üst üste biniyordu; dar ekranda yalnız altın çizgi ayraç kalır. */
@media(max-width:819.98px){
  body.imza .ata-guven-madde + .ata-guven-madde{ border-top:0; }
}
body.imza .ata-guven-madde b{ letter-spacing:.16em; }

/* ---------- ÖZEL SERİ BAŞLIĞI ---------- */
body.imza .ozel-baslik b{ color:var(--im-altin); }

/* ---------- IZGARA ---------- */
body.imza .person-head h2::after{ background:var(--im-altin); width:56px; height:2px; border-radius:2px; }
body.imza .artwork-card{ transition:transform .3s var(--ease); }
body.imza .artwork-card:hover{ transform:translateY(-4px); }

/* ---------- HAREKETİ AZALT ---------- */
@media (prefers-reduced-motion: reduce){
  body.imza .ata-hero::before{ animation:none; }
  body.imza .artwork-card:hover{ transform:none; }
}