/* =====================================================================
   AEA 2.0 — SİNEMATİK TİPOGRAFİ (FINAL · orijinal marka renkleri)
   ---------------------------------------------------------------------
   Marka: Başlık = Parchment Beige (net, okunaklı). Altın YALNIZ vurgu/CTA
   (az kullanılır → değerli). Etiketler turkuaz. Altın metalik gradyan YOK.
   GÜVENLİK (#1 bug): bu dosya yalnız renk/gölge/font'a dokunur — yerleşime
   (position/top/left/transform) ASLA dokunmaz.
   ===================================================================== */
:root {
  --aea-navy:       #0D305E;
  --aea-black:      #05080D;
  --aea-teal:       #5AB6B7;
  --aea-turq:       #5AB6B7;
  --aea-cyan:       #4CE7F2;
  --aea-gold:       #F0BB3D;
  --aea-gold-light: #FBE6A6;
  --aea-parch:      #F1F0EB;
  --aea-parchment:  #F1F0EB;
}

/* ---- BAŞLIK: krem, net, lacivert üstünde okunaklı (gradyan YOK) ---- */
.aea-cine-title {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.16;
  color: var(--aea-parch);
  -webkit-text-fill-color: var(--aea-parch);   /* eski gradyan/transparent kalıntısını ez */
  font-size: clamp(1.6rem, 4.4vw, 3rem);
  text-shadow: 0 1px 2px rgba(0,0,0,.55), 0 2px 14px rgba(0,0,0,.4);
}
/* Büyük hero / açılış başlığı */
.aea-cine-title--hero {
  font-weight: 800;
  letter-spacing: .03em;
  font-size: clamp(2.4rem, 7vw, 4.4rem);
}
/* Final sloganı (boyut varyantı + yoğun set zemininde güçlü gölge) */
.aea-cine-title--final {
  font-size: clamp(1.6rem, 4.6vw, 2.6rem);
  letter-spacing: .03em;
  text-shadow: 0 2px 3px rgba(0,0,0,.85), 0 3px 16px rgba(0,0,0,.7);
}
/* Final CEVABI — açılış sorusuna yanıt; hook'tan (7vw/4.4rem) BELİRGİN daha büyük.
   Yalnız boyut/ağırlık/gölge — yerleşim yok (#1 bug güvenliği). */
.aea-cine-title--answer {
  font-weight: 800;
  letter-spacing: .03em;
  font-size: clamp(2.7rem, 8.2vw, 5rem);
  text-shadow: 0 2px 4px rgba(0,0,0,.85), 0 3px 22px rgba(0,0,0,.7);
}

/* ---- Altın vurgu: tek kelime / CTA (AZ kullan) ----
   <h1 class="aea-cine-title">Filmini <span class="aea-gold">Yönet.</span></h1> */
.aea-gold {
  color: var(--aea-gold);
  -webkit-text-fill-color: var(--aea-gold);
}

/* ---- Değer kelimeleri (Cesaret, İrade, Adanmışlık…) — altın vurgu ---- */
.aea-value {
  font-family: 'Cinzel', serif;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--aea-gold);
  -webkit-text-fill-color: var(--aea-gold);
  text-shadow: 0 1px 2px rgba(0,0,0,.5), 0 0 18px rgba(240,187,61,.35);
}

/* ---- Küçük etiketler (Kapı 0X, Mythic Direction) — turkuaz ---- */
.aea-eyebrow {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--aea-teal);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: clamp(.7rem, 1.4vw, .8rem);
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

/* ---- İtalik gövde (alıntı / değer cümlesi) — krem, Garamond ---- */
.aea-italic,
.aea-cine-line {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 500;
  color: var(--aea-parch);
  opacity: 1;                              /* okunabilirlik: tam kontrast */
  font-size: clamp(1.05rem, 2.4vw, 1.7rem);
  line-height: 1.3;
  text-shadow: 0 2px 12px rgba(0,0,0,.85); /* nötr koyu gölge (teal parıltı kaldırıldı) */
}
.aea-cine-line--accent { color: var(--aea-gold-light); }

/* =====================================================================
   ALTYAPI (yerleşim yok — yalnız görsel) — HTML/motor bunları kullanır
   ===================================================================== */

/* ---- SCRIM: yoğun görüntü üstünde metni okutur -------------------- */
.aea-scrim {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse at center,
    rgba(5,8,13,0.66) 0%, rgba(5,8,13,0.38) 44%, rgba(5,8,13,0) 76%);
}
.aea-scrim--strong {
  background: radial-gradient(ellipse 80% 60% at center,
    rgba(5,8,13,0.86) 0%, rgba(5,8,13,0.6) 40%, rgba(5,8,13,0.15) 75%, rgba(5,8,13,0) 100%);
}
.aea-scrim--bottom {
  background: linear-gradient(to top,
    rgba(5,8,13,0.82) 0%, rgba(5,8,13,0.4) 42%, rgba(5,8,13,0) 82%);
}

/* ---- Metin bloğunun arkasına yumuşak koyu plaka (busy zeminde okuma)
   Kullanım: metni saran kapsayıcıya class="aea-text-plate".
   NOT: bu sadece ::before plakası — yerleşim styles.css'te .act-copy ile. */
.aea-text-plate { /* position styles.css'te .act-copy.aea-text-plate ile korunur */ }
.aea-text-plate::before {
  content: ""; position: absolute; inset: -14% -10%; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 75% 72% at center,
    rgba(5,8,13,0.85) 0%, rgba(5,8,13,0.6) 42%, rgba(5,8,13,0.2) 72%, rgba(5,8,13,0) 100%);
  filter: blur(10px);
}

/* ---- LOGO ÇAĞRI: koyu hale + parlak glow -------------------------- */
.aea-logo-halo { position: relative; display: inline-grid; place-items: center; }
.aea-logo-halo::before {
  content: ""; position: absolute; width: 260%; height: 260%;
  background: radial-gradient(circle,
    rgba(5,8,13,0.82) 0%, rgba(5,8,13,0.5) 36%, rgba(5,8,13,0) 70%);
  z-index: 0; pointer-events: none;
}
.aea-logo-call {
  position: relative; z-index: 1;
  filter:
    brightness(1.2) saturate(1.12)
    drop-shadow(0 0 16px rgba(90, 182, 183, 0.7))
    drop-shadow(0 0 38px rgba(240, 187, 61, 0.5));
  animation: aea-logo-pulse 4.5s ease-in-out infinite;
}
@keyframes aea-logo-pulse {
  0%,100% { filter: brightness(1.18) saturate(1.1) drop-shadow(0 0 14px rgba(90,182,183,.55)) drop-shadow(0 0 28px rgba(240,187,61,.4)); }
  50%     { filter: brightness(1.32) saturate(1.2) drop-shadow(0 0 22px rgba(90,182,183,.9)) drop-shadow(0 0 52px rgba(240,187,61,.65)); }
}

/* ---- 8 köşeli yıldız aura (opsiyonel, başlık arkası) -------------- */
.aea-aura {
  position: absolute; inset: -10% -5%; pointer-events: none;
  background:
    radial-gradient(circle at center, rgba(240,187,61,0.10) 0%, transparent 60%),
    conic-gradient(from 0deg,
      rgba(76,231,242,0) 0deg, rgba(76,231,242,0.10) 45deg,
      rgba(240,187,61,0) 90deg, rgba(240,187,61,0.12) 135deg,
      rgba(76,231,242,0) 180deg, rgba(76,231,242,0.10) 225deg,
      rgba(240,187,61,0) 270deg, rgba(240,187,61,0.12) 315deg,
      rgba(76,231,242,0) 360deg);
  filter: blur(16px); animation: aea-aura-rot 40s linear infinite; opacity: 0.8;
}
@keyframes aea-aura-rot { to { transform: rotate(360deg); } }

/* ---- BELİRME (reveal) — metin ışıkla yükselir -------------------- */
@keyframes aea-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
.aea-reveal { animation: aea-rise 1.1s cubic-bezier(.2,.7,.2,1) both; }

/* ---- CTA: altın (birincil) + ghost + nefes-glow ------------------ */
.aea-cta {
  display: inline-block; font-family: 'Cinzel', serif; font-weight: 600;
  letter-spacing: 0.09em; text-transform: uppercase;
  font-size: clamp(0.85rem, 1.4vw, 1rem);
  color: #1a1205; -webkit-text-fill-color: #1a1205;
  background: linear-gradient(180deg, #FBE6A6 0%, #F0BB3D 58%, #D89B2E 100%);
  border: 1px solid rgba(255,240,190,0.7); border-radius: 999px;
  padding: 0.95em 2.1em; cursor: pointer; text-decoration: none;
  box-shadow: 0 6px 24px rgba(240,187,61,0.4), inset 0 1px 0 rgba(255,255,255,0.6);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.aea-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(240,187,61,0.6), 0 0 30px rgba(76,231,242,0.3), inset 0 1px 0 rgba(255,255,255,0.65);
}
.aea-cta--ghost {
  color: var(--aea-gold-light); -webkit-text-fill-color: var(--aea-gold-light);
  background: transparent; border: 1px solid rgba(90,182,183,0.65); box-shadow: none;
}
.aea-cta--ghost:hover { border-color: var(--aea-cyan); box-shadow: 0 0 26px rgba(76,231,242,0.3); transform: translateY(-2px); }
/* ---- Ghost ikincil CTA — kapı sayfalarıyla ORTAK marka sistemi ----
   (Kapı sayfaları .fp-cta-ghost yanında bu sınıfı zaten refere ediyordu;
   paylaşılan tanım: intro finali + gate'ler aynı hiyerarşiyi kullanır.) */
.aea-cta-ghost {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 14px 28px;
  font-family: 'Inter', system-ui, sans-serif; font-weight: 500; font-size: 14px;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--aea-parch); -webkit-text-fill-color: var(--aea-parch);
  text-decoration: none; background: transparent;
  border: 1px solid rgba(241,240,235,0.35); border-radius: 999px;
  cursor: pointer;
  transition: border-color 200ms, color 200ms, background 200ms, transform 200ms ease;
}
.aea-cta-ghost:hover {
  border-color: var(--aea-gold); color: #fff; -webkit-text-fill-color: #fff;
  background: rgba(240,187,61,0.08); transform: translateY(-2px);
}
.aea-cta--pulse { animation: aea-cta-breath 2.6s ease-in-out infinite; }
@keyframes aea-cta-breath {
  0%,100% { box-shadow: 0 6px 24px rgba(240,187,61,0.4), inset 0 1px 0 rgba(255,255,255,0.6); }
  50%     { box-shadow: 0 8px 30px rgba(240,187,61,0.7), 0 0 34px rgba(255,205,90,0.55), inset 0 1px 0 rgba(255,255,255,0.7); }
}

@media (prefers-reduced-motion: reduce) {
  .aea-reveal, .aea-logo-call, .aea-aura, .aea-cta--pulse { animation: none !important; }
}

/* =====================================================================
   OKUNABİLİRLİK KURALI (site-geneli) — teal YALNIZ aksan/ikon/çizgi/label.
   Okunması gereken gövde/başlık/önemli satır = yüksek kontrast (krem/altın).
   Bu dosya tüm sayfalarda yüklenir; styles.css'ten SONRA geldiği için
   .quote gibi paylaşılan sınıfları burada güvenle ezeriz.
   (Sayfaya-özel teal metin, o sayfanın page.css'inde düzeltilir — yükleme sırası.)
   ===================================================================== */
:root {
  --aea-read:    var(--aea-parch);       /* okunan metin */
  --aea-read-em: var(--aea-gold-light);  /* okunan vurgu */
  --aea-accent:  var(--aea-teal);        /* SADECE aksan/ikon/çizgi/label */
}
/* Zorunlu-okunur utility (her yerde kullanılabilir) */
.aea-readable {
  color: var(--aea-read) !important;
  -webkit-text-fill-color: var(--aea-read) !important;
  opacity: 1 !important;
}
/* Ana deneyim "kapı sözü" alıntıları: teal → krem (okunabilirlik) */
.quote {
  color: var(--aea-read);
  -webkit-text-fill-color: var(--aea-read);
  opacity: 1;
  text-shadow: 0 1px 3px rgba(0,0,0,.9), 0 2px 14px rgba(0,0,0,.6);
}