/* =========================================================================
   inner.css — İÇ SAYFALAR tasarım sistemi (Zine Witch / D6 dili).

   Kaynak: müşteri onaylı anasayfa (app/pages/home-d6.php, 09-10.06.2026).
   Anasayfa kendi stilini taşır ve DOKUNULMAZDIR; bu dosya onun DNA'sını
   (renk/yazı/buton/kart/yırtık/motif/imleç değerleri BİREBİR) iç sayfalara
   temiz sınıf adlarıyla (.ea-*) uygular. Build adımı yok, saf CSS (§1).
   ========================================================================= */

/* ---------- 0. Değişkenler (D6 paleti) ---------- */
:root {
  --ea-paper: #f8f7f7;        /* kırık beyaz zemin */
  --ea-card: #fdfdfd;         /* kart kağıdı */
  --ea-ink: #2a2a2b;          /* ana mürekkep */
  --ea-ink-deep: #1b1b1b;     /* koyu zemin (ticker, hover) */
  --ea-accent: #b9f042;       /* aksan yeşili */
  --ea-pink: #ffacfc;         /* buton highlight pembesi */
  --ea-mark: #F4D03F;         /* highlighter sarısı (hover marker) */
  --ea-grid-line: rgba(0, 0, 0, .14);
  --ea-hero-bg: #ececeb;      /* kareli defter zemini */
  --ea-torn-paper: #fffdf6;   /* yırtık kağıt/not rengi */
  --ea-bird: #7A1D2F;         /* motif: muhabbet kuşu bordosu */
  --ea-violet: #9b7fb8;       /* motif: kurutulmuş çiçek moru */
  --ea-gold: #e0b62e;         /* motif: yıldız tozu altını */
  --ea-mono: "EA Mono", "Liberation Mono", "Courier New", courier, monospace;
  --ea-hand: "Caveat", cursive;
  --ea-sans: "Helvetica Neue", Arial, "Liberation Sans", sans-serif;

  /* === Navbar değişkenleri — ANASAYFAYLA (home-dark.css) BİREBİR (Onur 21.06) ===
     Yeni .ead-* nav stillerinin kaynağı home-dark.css; aynı değişken isimlerini
     burada da tanımlayarak iki dosya arasında tek-doğru-kaynak sağlanır. */
  --ink:    #ece9ff;
  --gold:   #f4d06f;
  --violet: #c3acff;
  --muted:  #bcb6e2;
  --line:   rgba(255, 255, 255, .12);
  --line-2: rgba(255, 255, 255, .07);
  --wrap:   1180px;
  --f-mono:    "Space Mono", ui-monospace, Menlo, Consolas, "Courier New", monospace;
  --f-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

/* Dış font dosyası yok: mono aile sistem fontlarına bağlanır (anasayfa hilesi). */
@font-face {
  font-family: "EA Mono";
  src: local("SFMono-Regular"), local("Menlo"), local("Consolas"),
       local("Liberation Mono"), local("Courier New");
  font-weight: 400;
  font-style: normal;
}

/* ---------- 1. Tabula rasa ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background-color: var(--ea-paper);
  color: var(--ea-ink);
  font-family: var(--ea-mono);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }
p { margin: 0 0 10px; }
a { color: var(--ea-ink); text-decoration: none; }
ul, ol { margin: 0 0 10px; padding-left: 28px; }
::selection { background: var(--ea-mark); color: var(--ea-ink-deep); }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: 400; }

/* Büyük başlıklar — KONTUR (outline) display stili: Ece Hanım 10.06 akşam
   "font'u geri alalım" → Caveat el yazısı denemesi geri alındı; anasayfa
   bölüm başlıklarıyla aynı dil (Caraque→courier, BÜYÜK HARF, 2px kontur). */
.ea-display, .ea-hero-title, .ea-h2 {
  font-family: var(--f-display);   /* Cormorant Garamond — ANASAYFAYLA AYNI (Ece 30.06) */
  font-weight: 600;
  color: var(--ea-ink);
  letter-spacing: .01em;
  line-height: 1.08;
  overflow-wrap: break-word;
}
.ea-display em, .ea-hero-title em, .ea-h2 em { font-style: italic; color: var(--ea-violet); }
@media (max-width: 760px) {
  .ea-display, .ea-hero-title, .ea-h2 { letter-spacing: 0; }
}

/* ---------- 2. Erişilebilirlik ---------- */
.ea-skip {
  position: absolute; left: -9999px; top: 0; z-index: 2000;
  background: var(--ea-ink-deep); color: var(--ea-paper);
  padding: 10px 16px; text-decoration: none;
}
.ea-skip:focus { left: 0; }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 2px solid var(--ea-ink-deep); outline-offset: 2px; border-radius: 3px;
}
.ea-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Büyücü asası imleci — yalnız tıklanabilir öğelerde (anasayfayla birebir). */
a, button, [role="button"], input[type="submit"], summary, label[for] {
  cursor:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3E%3Cline%20x1='11'%20y1='11'%20x2='27'%20y2='29'%20stroke='%231A1A1A'%20stroke-width='3.6'%20stroke-linecap='round'/%3E%3Cpath%20d='M8%202%20L9.7%206.3%20L14%208%20L9.7%209.7%20L8%2014%20L6.3%209.7%20L2%208%20L6.3%206.3%20Z'%20fill='%23F4D03F'%20stroke='%231A1A1A'%20stroke-width='1'/%3E%3Ccircle%20cx='17'%20cy='4'%20r='1.3'%20fill='%231A1A1A'/%3E%3Ccircle%20cx='4'%20cy='17'%20r='1.3'%20fill='%231A1A1A'/%3E%3C/svg%3E") 3 3,
    pointer;
}

/* Highlighter MARKER hover (CHANI tarzı; anasayfa kuralının birebir eşi). */
.ea-mk {
  display: inline;
  background-image: linear-gradient(var(--ea-mark), var(--ea-mark));
  background-repeat: no-repeat;
  background-position: 0 92%;
  background-size: 0% .72em;
  transition: background-size .28s ease;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
  border-radius: 1px;
  color: var(--ea-ink-deep);
}
.ea-mk:hover, .ea-mk:focus-visible, a:hover > .ea-mk, a:focus-visible > .ea-mk {
  background-size: 100% .72em;
}
@media (prefers-reduced-motion: reduce) {
  .ea-mk { transition: none; }
}

/* ---------- 3. Sayfa iskeleti ---------- */
.ea-wrap { max-width: 1240px; margin: 0 auto; padding-left: 60px; padding-right: 60px; }
.ea-section { position: relative; margin: 72px auto; }
.ea-section--tight { margin: 48px auto; }
.ea-center { text-align: center; }

.ea-section-head { text-align: center; margin-bottom: 34px; position: relative; z-index: 2; }
.ea-h2 { font-size: clamp(30px, 3.4vw, 52px); margin-bottom: 6px; }
.ea-sub { text-align: center; font-size: 15px; letter-spacing: .02em; margin: 0 auto 34px; max-width: 680px; }

@media (max-width: 991px) { .ea-wrap { padding-left: 10vw; padding-right: 10vw; } }
@media (max-width: 760px) { .ea-wrap { padding-left: 7vw; padding-right: 7vw; } .ea-section { margin: 52px auto; } }

/* ---------- 4. Ticker (kayan duyuru bandı) ---------- */
.ea-ticker {
  position: relative; height: 45px; overflow: hidden;
  background: var(--ea-ink-deep);
  border-bottom: 1px solid var(--ea-ink);
}
.ea-ticker-track {
  position: absolute; top: 0; left: 0; height: 45px;
  white-space: nowrap; will-change: transform; font-size: 0;
  animation: ea-marquee 100s linear infinite reverse;
}
.ea-ticker-item {
  display: inline-flex; align-items: center; gap: 8px;
  height: 45px; margin-right: 27px; vertical-align: top;
}
.ea-ticker-item img { width: 32px; filter: invert(1); }
.ea-ticker-item p {
  margin: 0; color: var(--ea-accent);
  font-size: 12px; text-transform: uppercase; letter-spacing: .04em;
  white-space: nowrap;
}
@keyframes ea-marquee { from { transform: translateX(-50%); } to { transform: translateX(0); } }
/* reduce: 'paused' yarı-kaymış duyuruyu kırpık dondurabilir → 'none' başlangıç konumuna döndürür (a11y) */
@media (prefers-reduced-motion: reduce) { .ea-ticker-track { animation: none; } }

/* ---------- 5. Navigasyon — ANASAYFAYLA (home-dark.css) BİREBİR ----------
   Onur 21.06: eski .ea-topbar/.ea-navlink/.ea-ddtoggle/.ea-mk nav sistemi
   tamamen kaldırıldı. Ana sayfa (home-dark.php) ile aynı .ead-* yapısı buraya
   da kopyalandı → header.php ile home-dark.php artık aynı CSS dilini konuşur.
   Kaynak: home-dark.css "--- Navigasyon ---" bloğu (D6 koyu varyantı). */
.ead-nav { position: relative; z-index: 100; border-bottom: 1px solid var(--line-2); background: #0c0a20; }
.ead-nav-inner {
  max-width: var(--wrap); margin: 0 auto; padding: 16px 24px 0;
  display: flex; flex-direction: column; gap: 2px;   /* İKİ SATIR: marka üstte, menü altta */
}
.ead-brandrow { display: flex; align-items: center; justify-content: space-between; }
.ead-logo {
  font-family: var(--f-display); font-style: italic; font-weight: 600;
  font-size: 1.7rem; letter-spacing: .01em; color: var(--ink);
}
.ead-logo span { color: var(--gold); }
.ead-menu { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.ead-menu a {
  font-family: var(--f-mono); font-size: 14.5px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted); position: relative; padding: 14px 0;
  transition: color .25s;
}
.ead-menu a:hover, .ead-menu a:focus-visible { color: var(--ink); }
.ead-menu a::after {
  content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 100%;
  background: linear-gradient(90deg, var(--gold), var(--violet));
  transform: scaleX(0); transform-origin: left; transition: transform .28s ease;
}
.ead-menu a:hover::after, .ead-menu a:focus-visible::after { transform: scaleX(1); }
/* Bulunulan sayfa: altın renk + sürekli alt çizgi (active() helper'ı 'active' sınıfı koyar) */
.ead-menu a.active { color: var(--gold); }
.ead-menu a.active::after { transform: scaleX(1); }

/* Açılır alt menüler (Eğitimler / Danışmanlıklar) */
.ead-dd { position: relative; display: inline-flex; align-items: center; }
.ead-dd-toggle {
  font-family: var(--f-mono); font-size: 14.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted); background: none; border: 0; padding: 14px 0; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; position: relative; transition: color .25s;
}
.ead-dd-toggle:hover, .ead-dd-toggle:focus-visible,
.ead-dd:hover .ead-dd-toggle, .ead-dd:focus-within .ead-dd-toggle { color: var(--ink); }
.ead-dd-toggle.active { color: var(--gold); }
.ead-dd-toggle::after {
  content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 100%;
  background: linear-gradient(90deg, var(--gold), var(--violet));
  transform: scaleX(0); transform-origin: left; transition: transform .28s ease;
}
.ead-dd:hover .ead-dd-toggle::after, .ead-dd:focus-within .ead-dd-toggle::after,
.ead-dd-toggle:focus-visible::after, .ead-dd-toggle.active::after { transform: scaleX(1); }
.ead-dd-chev { transition: transform .25s ease; flex: none; }
.ead-dd:hover .ead-dd-chev, .ead-dd:focus-within .ead-dd-chev { transform: rotate(180deg); }
/* Panel OPAK (cam değil) — masaüstünde hero başlığı içinden geçmesin */
.ead-dd-panel {                                    /* top:100% (boşluksuz) → hover köprüsü kopmaz */
  display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  min-width: 234px; background: #14102e; border: 1px solid var(--line);
  border-radius: 12px; padding: 12px 18px; box-shadow: 0 18px 44px rgba(0, 0, 0, .55); z-index: 1200;
}
.ead-dd-panel a {                                  /* .ead-menu a stilini panel için sıfırla */
  display: block; padding: 8px 2px; font-family: var(--f-mono); font-size: 12px;
  letter-spacing: .04em; text-transform: none; color: var(--muted); white-space: nowrap;
}
.ead-dd-panel a::after { content: none; }          /* üst-menü alt-çizgi animasyonu panelde olmasın */
.ead-dd-panel a:hover, .ead-dd-panel a:focus-visible { color: var(--gold); }
.ead-dd-panel .ead-dd-all {
  color: var(--ink); font-weight: 700; border-bottom: 1px solid var(--line-2);
  margin-bottom: 4px; padding-bottom: 9px;
}
@media (min-width: 761px) {                         /* masaüstü: hover/focus ile aç */
  .ead-dd:hover .ead-dd-panel, .ead-dd:focus-within .ead-dd-panel { display: block; }
}

.ead-burger {
  display: none; background: none; border: 1px solid var(--line); border-radius: 8px;
  color: var(--ink); width: 44px; height: 44px; cursor: pointer; align-items: center; justify-content: center;
}
/* Çekmece kapat (X) — yalnız mobil menü açıkken görünür (760px altı) */
.ead-menu-close { display: none; }

/* === Mobil (≤760) — ana sayfayla aynı çekmece davranışı === */
@media (max-width: 760px) {
  .ead-burger { display: inline-flex; }
  .ead-menu {
    position: fixed; inset: 0; z-index: 1500; flex-direction: column; justify-content: safe center;
    gap: 22px; background: rgba(8, 6, 22, .97); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    transform: translateX(100%); transition: transform .3s ease;
    overflow-y: auto; padding: 80px 20px 40px;
  }
  .ead-menu.is-open { transform: translateX(0); }
  .ead-menu a { font-size: 16px; color: var(--ink); }
  /* Mobilde dropdown akordeon — JS .is-open class'ı ile yönetilir */
  .ead-dd { flex-direction: column; align-items: center; width: 100%; gap: 0; }
  .ead-dd-toggle { font-size: 16px; color: var(--ink); justify-content: center; }
  .ead-dd-toggle::after { display: none; }
  .ead-dd-panel {
    position: static; transform: none; display: none; background: none; border: 0;
    box-shadow: none; padding: 4px 0 2px; min-width: 0; text-align: center;
  }
  .ead-dd.is-open .ead-dd-panel { display: block; }
  .ead-dd-panel a { font-size: 14px; color: var(--muted); white-space: normal; padding: 12px 4px; }   /* ≥44px dokunma hedefi (WCAG 2.5.5) */
  .ead-menu-close {
    display: inline-flex; align-items: center; justify-content: center;
    position: absolute; top: 18px; right: 18px; width: 44px; height: 44px;
    background: none; border: 1px solid var(--line); border-radius: 8px;
    color: var(--ink); cursor: pointer;
  }
}

/* ---------- 6. Sayfa kahramanı: kareli defter + yırtık kağıt ---------- */
.ea-hero {
  position: relative; overflow: hidden;
  background: transparent;   /* Ece 30.06: KARELİ KÂĞIT kaldırıldı → gece göğü yıldızları görünür */
  margin-top: 24px;
  padding: 56px 60px 110px;
}
.ea-hero-inner { position: relative; z-index: 2; max-width: 860px; margin: 0 auto; text-align: center; }
.ea-hero-label {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--ea-card); border: 1px solid var(--ea-ink);
  border-radius: 999px; padding: 6px 16px;
  font-size: 12px; text-transform: uppercase; letter-spacing: 1.8px;
}
.ea-hero-title { font-size: clamp(32px, 4.6vw, 62px); margin: 16px 0 0; }
.ea-hero-lead { font-size: 16px; line-height: 1.65; max-width: 640px; margin: 16px auto 0; }
.ea-hero-lead a { border-bottom: 1px solid var(--ea-ink); }
.ea-hero-torn {
  position: absolute; left: 0; right: 0; bottom: -2px; z-index: 1;
  color: #ffffff; pointer-events: none;
}
.ea-hero-torn svg { display: block; width: 100%; height: 185px; }
.ea-hero--compact { padding-top: 40px; padding-bottom: 90px; }
.ea-hero--compact .ea-hero-title { font-size: clamp(24px, 3.2vw, 42px); line-height: 1.22; }
.ea-hero-meta { margin-top: 14px; font-size: 13px; text-transform: uppercase; letter-spacing: 1.6px; }

@media (max-width: 760px) {
  .ea-hero { padding: 36px 7vw 72px; }
  .ea-hero-torn svg { height: 96px; }
  .ea-hero-title { font-size: clamp(26px, 8vw, 34px); }
  .ea-hero--compact .ea-hero-title { font-size: clamp(20px, 6.4vw, 28px); }
}

/* Hero scrapbook motifleri */
.ea-hero .ea-motif { z-index: 1; }
.ea-mh-stars { top: 22px; left: 26px; width: 120px; height: 80px; color: var(--ea-gold); opacity: .65; }
.ea-mh-stars svg { width: 100%; height: 100%; }
.ea-mh-bird { right: 28px; bottom: 150px; color: var(--ea-bird); opacity: .7; }
.ea-mh-bird svg { width: 62px; height: 62px; transform: rotate(-4deg); }
.ea-mh-flower { top: 8px; right: 48px; color: var(--ea-violet); opacity: .7; }
.ea-mh-flower svg { width: 56px; height: 86px; transform: rotate(16deg); }
.ea-mh-moon { top: 18px; right: 34px; color: var(--ea-violet); opacity: .6; }
.ea-mh-moon svg { width: 34px; height: 34px; }
.ea-mh-moon .moon-disc { fill: currentColor; }
.ea-mh-moon .moon-shadow { fill: var(--ea-paper); }   /* hero artık paper zeminli (bkz. satır 763); ESKİ: --ea-hero-bg(#ececeb) → açık zeminde gri hilal artığı. .ea-mf-moon (286) ile tutarlı. */

/* ---------- 7. Motif katmanı (bölümler) ---------- */
.ea-motif {
  position: absolute; pointer-events: none;
  color: #5a5a5e; opacity: .55;
  transition: opacity .35s ease, color .35s ease;
}
section:hover > .ea-motif { opacity: .95; }
.ea-mf-flower { top: -6px; right: 42px; color: var(--ea-violet); opacity: .7; }
.ea-mf-flower svg { width: 56px; height: 86px; transform: rotate(16deg); }
.ea-mf-bird { bottom: 10px; right: 26px; color: var(--ea-bird); opacity: .7; }
.ea-mf-bird svg { width: 62px; height: 62px; transform: rotate(-4deg); }
.ea-mf-stars { top: 6px; left: 20px; width: 110px; height: 78px; color: var(--ea-gold); opacity: .65; }
.ea-mf-stars svg { width: 100%; height: 100%; }
.ea-mf-moon { top: 14px; right: 30px; color: var(--ea-violet); opacity: .6; }
.ea-mf-moon svg { width: 34px; height: 34px; }
.ea-mf-moon .moon-disc { fill: currentColor; }
.ea-mf-moon .moon-shadow { fill: var(--ea-paper); }
@media (max-width: 760px) { .ea-m-desk { display: none; } }
@media (prefers-reduced-motion: reduce) { .ea-motif { transition: none; } }

/* =========================================================================
   SADELEŞTİRME — Ece 27.06: "kuşları/motifleri kaldırın; yıldızlı gökyüzü kalsın,
   göz yormasın." Scrapbook süsleri (kuş/çiçek/yırtık-kağıt) + foto el-yazısı
   altyazısı + kart eğiklikleri KALDIRILDI. Gökyüzü öğeleri (yıldız kümesi/ay/
   kayan yıldız) KORUNDU. Tüm sayfalar, kalıcı (A/B/C switcher emekliye ayrıldı).
   ========================================================================= */
.ea-mf-bird, .ea-mh-bird,
.ea-mf-flower, .ea-mh-flower, .ea-mf-linflower, .ea-rv-bird,
.ea-hero-torn { display: none !important; }            /* kuş/çiçek/yırtık kağıt */
.ea-polaroid figcaption { display: none; }             /* foto üstü el-yazısı altyazı */
.ea-stagger > *, .ea-grid-3 > *, .ea-tree-item { transform: none !important; }  /* kart eğiklikleri düz */
.ea-stagger > :hover, .ea-grid-3 > :hover, .ea-tree-item:hover { transform: translateY(-3px) !important; }
/* KORUNANLAR (değişmez): .ea-mf-stars .ea-mh-stars (yıldız), .ea-mh-moon .ea-mf-moon (ay) */

/* Washi bant — Ece 25.06 revizesi: "bant yapıştırma görsellerini kaldırın" →
   KALDIRILDI. .ea-washi sınıfı şablonlarda duruyor (HTML değişmedi); geri
   istenirse checkpoint/pre-scrapbook-revize branch'inden bu ::before geri alınır. */
.ea-washi { position: relative; }
.ea-washi::before { content: none; }

/* ---------- 8. Butonlar (D6 .q5c birebir) ---------- */
.ea-btn {
  display: inline-flex; justify-content: center; align-items: center; gap: .4em;
  min-width: 220px; height: 3.5em; padding: 16px 32px;
  background-color: var(--ea-paper); color: var(--ea-ink);
  border: 1px solid #000; border-radius: .5rem;
  font-family: var(--ea-mono); font-size: 1rem; font-weight: 400;
  line-height: 1.25; letter-spacing: .05em; text-transform: uppercase;
  white-space: nowrap; text-align: center; text-decoration: none;
  transition: all .4s, box-shadow 1s, border-color 1s;
}
.ea-btn:hover, .ea-btn:focus-visible {
  background-color: var(--ea-ink-deep); color: var(--ea-accent);
  border-color: var(--ea-accent); border-style: dashed;
  box-shadow: 0 12px 22px #ffacfc99;
}
a:hover .ea-btn, a:focus-visible .ea-btn {
  background-color: var(--ea-ink-deep); color: var(--ea-accent);
  border-color: var(--ea-accent); border-style: dashed;
  box-shadow: 0 12px 22px #ffacfc99;
}
.ea-btn--green:hover, .ea-btn--green:focus-visible,
a:hover .ea-btn--green { box-shadow: 0 12px 22px #b9f04299; }
.ea-btn--sm { min-width: 0; height: auto; padding: 12px 22px; font-size: 14px; }
.ea-btn:focus { outline-offset: 0; outline: 3px solid #ffacfc66; }
.ea-cta-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 36px; position: relative; z-index: 2; }
@media (max-width: 479px) { .ea-btn { min-width: 0; width: 100%; white-space: normal; height: auto; min-height: 3.5em; } }

/* Çipler */
.ea-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.ea-chip {
  font-size: 12px; letter-spacing: .8px; text-transform: uppercase;
  border: 1px solid var(--ea-ink); border-radius: 999px; padding: 3px 10px;
  background: var(--ea-card);
}

/* ---------- 9. Kartlar ---------- */
.ea-cardgrid {
  display: grid; gap: 28px 24px; width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(240px, 300px));
  justify-content: center; align-items: stretch;
  position: relative; z-index: 2;
}
.ea-tcard {
  display: flex; flex-direction: column; gap: 16px; align-items: center;
  text-align: center; height: 100%;
}
.ea-tcard > a { display: flex; flex-direction: column; gap: 16px; align-items: center; height: 100%; width: 100%; }
.ea-tcard img.ea-cover {
  aspect-ratio: 1; width: 100%; object-fit: cover; border-radius: 24px;
}
.ea-tcard h2, .ea-tcard h3 {
  margin: 0; font-family: var(--ea-mono); font-size: 19px; line-height: 1.35;
  letter-spacing: .02em; font-weight: 400;
}
.ea-tcard .ea-cardnote { font-size: 13px; margin: -6px 0 0; }
.ea-tcard .ea-btn { margin-top: auto; }

/* Görseller — Ece 25.06 revizesi: "fotoğraflar renkli olarak kalsın" → gri/sepya
   efekti KALDIRILDI; fotoğraflar artık canlı renkli. (.ea-gs/.ea-cover sınıfları
   şablonlarda duruyor; geri istenirse checkpoint/pre-scrapbook-revize'den al.) */
.ea-gs, .ea-prose img, img.ea-cover { filter: none; }

/* Hafif saçılma (stagger) — masaüstü; yalnız ince alternatif rotasyon.
   Onur 27.06: çift kartları 38px aşağı iten translateY KALDIRILDI — kartlar/
   "BENİ OKU" butonları hizalanmıyor, buton altında orantısız boşluk oluşuyordu.
   Rotasyon (scrapbook dokunuşu) korunur; kartlar artık aynı hizada, hover'da düzleşir. */
@media (min-width: 761px) {
  .ea-stagger > * { transition: transform .25s ease; }
  .ea-stagger > :nth-child(odd) { transform: rotate(-.45deg); }
  .ea-stagger > :nth-child(even) { transform: rotate(.45deg); }
  .ea-stagger > :hover, .ea-stagger > :nth-child(even):hover { transform: translateY(-3px) rotate(0); }
}
@media (prefers-reduced-motion: reduce) { .ea-stagger > * { transition: none; transform: none !important; } }

/* ---------- 10. Yorum kartları ---------- */
.ea-grid-3 { display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); position: relative; z-index: 2; }
.ea-review {
  margin: 0; background: var(--ea-card);
  border: 1px solid var(--ea-ink); border-radius: 16px; padding: 26px 22px;
  display: flex; flex-direction: column; gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ea-review blockquote { margin: 0; border: 0; padding: 0; font-size: 14px; line-height: 1.65; }
.ea-review blockquote::before { content: "\201C"; display: block; font-size: 38px; line-height: .6; margin-bottom: 10px; }
.ea-review figcaption { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.ea-stars { color: #8a6a12; font-size: 15px; letter-spacing: 3px; }   /* a11y: koyu altın 3:1+ (eski #e0b62e = 1.89:1 fail) */
.ea-grid-3 > :nth-child(odd) { transform: rotate(-.6deg); }
.ea-grid-3 > :nth-child(even) { transform: rotate(.5deg); }
.ea-grid-3 > :hover { transform: rotate(0) translateY(-3px); }
@media (min-width: 761px) and (max-width: 991px) { .ea-grid-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) {
  .ea-grid-3 { grid-template-columns: 1fr; }
  .ea-grid-3 > :nth-child(odd), .ea-grid-3 > :nth-child(even) { transform: none; }
}
@media (prefers-reduced-motion: reduce) { .ea-review { transition: none; } }

/* ---------- 11. Düzyazı (blog gövdesi, yasal metin) ---------- */
.ea-prose { width: min(72ch, 100%); margin: 0 auto; }
.ea-prose p { margin: 0 0 18px; font-size: 16px; line-height: 1.75; }
.ea-prose h2 {
  font-family: var(--ea-mono); font-weight: 700; color: var(--ea-ink);
  font-size: clamp(21px, 2.2vw, 28px); line-height: 1.4; letter-spacing: .02em;
  margin: 44px 0 14px;
}
.ea-prose h3, .ea-prose h4, .ea-prose h5, .ea-prose h6 {
  font-family: var(--ea-mono); font-weight: 700;
  font-size: 18px; line-height: 1.45; letter-spacing: .05em;
  text-transform: uppercase; margin: 36px 0 12px;
}
.ea-prose h4, .ea-prose h5, .ea-prose h6 { font-size: 16px; }
.ea-prose ul, .ea-prose ol { margin: 0 0 18px; }
.ea-prose li { margin-bottom: 6px; line-height: 1.7; }
.ea-prose a { border-bottom: 1px solid var(--ea-ink); }
.ea-prose img { display: block; margin: 28px auto; border-radius: 16px; }
/* Editör hizalama sınıfları (TinyMCE image_class_list ↔ sanitizer beyaz listesi) */
.ea-prose img.ea-img-left  { float: left;  margin: 6px 22px 12px 0;  max-width: 46%; }
.ea-prose img.ea-img-right { float: right; margin: 6px 0 12px 22px;  max-width: 46%; }
.ea-prose img.ea-img-center { display: block; margin: 28px auto; }
.ea-prose img.ea-img-full   { display: block; width: 100%; margin: 28px 0; }
@media (max-width: 600px) {
  .ea-prose img.ea-img-left, .ea-prose img.ea-img-right { float: none; margin: 22px auto; max-width: 100%; display: block; }
}
.ea-prose hr { border: 0; border-top: 1px dashed var(--ea-ink); opacity: .45; width: 160px; margin: 38px auto; }
.ea-prose blockquote {
  margin: 30px 0; padding: 26px 30px; background: var(--ea-torn-paper);
  border: 0; font-size: 15.5px;
  clip-path: polygon(0 12px, 5% 3px, 11% 14px, 18% 5px, 25% 15px, 33% 4px, 41% 13px, 50% 6px, 59% 15px, 67% 4px, 75% 13px, 83% 5px, 91% 14px, 97% 6px, 100% 11px, 100% calc(100% - 10px), 95% calc(100% - 2px), 88% calc(100% - 13px), 80% calc(100% - 4px), 71% calc(100% - 14px), 62% calc(100% - 5px), 52% calc(100% - 13px), 42% calc(100% - 4px), 33% calc(100% - 14px), 24% calc(100% - 5px), 15% calc(100% - 12px), 7% calc(100% - 4px), 0 calc(100% - 10px));
}
.ea-prose blockquote p:last-child { margin-bottom: 0; }
.ea-prose table { border-collapse: collapse; margin: 0 0 18px; width: 100%; font-size: 14px; }
.ea-prose th, .ea-prose td { border: 1px solid var(--ea-ink); padding: 8px 10px; text-align: left; }
/* Dar ekranda geniş tablolar (örn. çerez politikası) sayfayı TAŞIRMAZ:
   tablo kendi içinde yatay kayar (içerik birebir kalır). */
@media (max-width: 560px) {
  .ea-prose table { display: block; overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
  .ea-prose th, .ea-prose td { padding: 6px 8px; font-size: 13px; white-space: nowrap; }
  .ea-prose td:nth-child(3) { white-space: normal; min-width: 200px; }   /* Amaç sütunu sarsın */
}
/* Yasal metin: el yazısı yerine ciddi mono ara başlıklar (okunaklılık/ciddiyet) */
.ea-prose--plain h2 {
  font-family: var(--ea-mono); font-weight: 700;
  font-size: 20px; line-height: 1.4; letter-spacing: .04em;
  text-transform: none; margin: 36px 0 12px;
}

/* ---------- 12. Formlar ---------- */
.ea-form { display: grid; gap: 26px; max-width: 640px; margin: 0 auto; text-align: left; }
.ea-field label { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 1.6px; margin-bottom: 6px; }
.ea-input, .ea-form select, .ea-form textarea {
  width: 100%; background: transparent; color: var(--ea-ink);
  border: 0; border-bottom: 1px solid var(--ea-ink); border-radius: 0;
  padding: 12px 2px; font-family: var(--ea-mono); font-size: 1rem; line-height: 1.4;
}
.ea-form textarea { min-height: 140px; resize: vertical; }
.ea-input:focus, .ea-form select:focus, .ea-form textarea:focus {
  border-bottom: 2px solid var(--ea-ink-deep); background: var(--ea-card);
}
/* a11y (2.4.7): klavye odağında GÖRÜNÜR halka (eski 'outline:none' yalnız 1px border bırakıyordu). */
.ea-input:focus-visible, .ea-form select:focus-visible, .ea-form textarea:focus-visible {
  outline: 2px solid var(--ea-ink-deep); outline-offset: 3px; border-radius: 2px;
}
.ea-input::placeholder, .ea-form textarea::placeholder { color: #6b6b6b; }  /* a11y: 4.5:1+ (eski #757575=4.31:1) */
.ea-note { font-size: 12px; line-height: 1.55; opacity: .85; }
.ea-note a { border-bottom: 1px solid var(--ea-ink); }
.ea-alert { border: 1px solid var(--ea-ink); border-radius: 12px; padding: 14px 18px; font-size: 14px; margin: 0 0 22px; }
.ea-alert--ok { background: #edf7f5; }
.ea-alert--err { background: #ffdede; }

/* ---------- 13. Sayfalama / küçük gezinme ---------- */
.ea-pager { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 48px 0 0; position: relative; z-index: 2; }
.ea-pager a, .ea-pager span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 14px;
  border: 1px solid var(--ea-ink); border-radius: 999px;
  font-size: 14px; background: var(--ea-card);
}
.ea-pager .is-current { background: var(--ea-ink-deep); color: var(--ea-accent); border-color: var(--ea-ink-deep); }
.ea-pager a:hover { border-style: dashed; box-shadow: 0 8px 16px #ffacfc66; }
.ea-crumb { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; text-transform: uppercase; letter-spacing: 1.4px; }

/* ---------- 14. Polaroid / scrapbook fotoğraf ---------- */
/* Yumuşak Gölge çerçeve (Ece 19.06: polaroid çıktı → yumuşak köşe + ince gölge, sade) */
.ea-polaroid {
  background: #fff; padding: 0;
  border-radius: 18px; overflow: hidden; line-height: 0;
  box-shadow: 0 18px 42px -16px rgba(26, 26, 26, .30), 0 4px 14px rgba(26, 26, 26, .08);
  transform: none; position: relative; display: inline-block; max-width: 100%;
}
.ea-polaroid img { display: block; width: 100%; border-radius: 18px; }
.ea-polaroid figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; text-align: center;
  font-family: var(--ea-hand); font-size: 20px; line-height: 1; color: #fff;
  padding: 30px 10px 12px;
  background: linear-gradient(to top, rgba(26, 26, 26, .5), rgba(26, 26, 26, 0));
}
.ea-polaroid--tilt-r { transform: none; }

/* ---------- 15. Soy ağacı (hakkımda) ---------- */
.ea-lineage {
  position: relative; background: var(--ea-card);
  border: 1px dashed var(--ea-ink); border-radius: 16px; padding: 26px;
}
.ea-lineage h3 { margin: 0 0 14px; font-size: 13px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; }
.ea-lineage ul { list-style: none; margin: 0; padding: 0; }
.ea-lineage li { padding: 10px 0 10px 16px; border-left: 2px solid var(--ea-ink); }
.ea-lineage li + li { margin-top: 4px; }
.ea-lineage b { display: block; font-size: 15px; }
.ea-lineage span { display: block; font-size: 13px; opacity: .75; }

/* ---------- 16. Footer (D6 birebir yapı) ---------- */
/* KUMAŞ doku — Ece Hanım revizesi (10.06.2026): "arka planda yüzeyler...
   kumaş yüzeyi" — anasayfa footer'ıyla aynı çapraz dimi + SVG taneciği. */
.ea-footer {
  margin-top: 96px;
  background-color: #f5f3ee;
  background-image:
    repeating-linear-gradient(45deg, rgba(42, 42, 43, .045) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(-45deg, rgba(42, 42, 43, .032) 0 1px, transparent 1px 5px),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.05%200'/%3E%3C/filter%3E%3Crect%20width='180'%20height='180'%20filter='url(%23n)'/%3E%3C/svg%3E");
}
.ea-footgrid {
  display: grid; grid-template-columns: 2fr 1fr; gap: 80px;
  max-width: 1440px; margin: 0 auto; padding: 64px 60px;
}
.ea-footcols {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  border-right: 1px solid #000; padding: 20px 80px 20px 0;
}
.ea-ftoggle {
  display: flex; align-items: center; justify-content: flex-start; gap: 10px;
  width: 100%; background: none; border: 0; padding: 0; margin: 0 0 28px;
  font-family: var(--ea-mono); font-size: 16px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ea-ink); text-align: left;
}
.ea-ftoggle img { width: 22px; display: none; transition: transform .2s ease; }
.ea-flinks { display: flex; flex-direction: column; gap: 10px; }
.ea-flinks a { font-size: 12px; line-height: 1.4; padding: 7px 0; }   /* a11y: dokunma hedefi ~31px (eski ~17px); yanlış-dokunma azalır */
.ea-bulten { max-width: 574px; padding-top: 20px; }
.ea-bulten-h {
  font-family: var(--ea-sans); font-size: clamp(24px, 2.6vw, 34px);
  letter-spacing: 2.4px; text-transform: uppercase; line-height: 1.2;
  max-width: 400px; margin: 0 0 18px; font-weight: 400;
}
/* Bülten formu: dikey akış → satır1 (email+buton) + satır2 (KVKK onayı tam genişlik).
   Eski tek-satır flex'te onay kutusu eklenince email 0px'e sıkışıyordu (Onur 27.06 fix). */
.ea-bulten-form { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.ea-bulten-row { display: flex; align-items: center; gap: 24px; }
.ea-bulten-row .ea-input { flex: 1 1 auto; min-width: 0; padding: 18px 0; }
.ea-bulten-row .ea-btn { flex: 0 0 auto; }
.ea-footbottom {
  display: flex; flex-direction: column; align-items: center; gap: 20px;
  padding: 0 24px 40px;
}
.ea-footbottom img { width: 99px; }
.ea-footbottom p { margin: 0; font-size: 12px; text-transform: uppercase; color: #3a4554; }

@media (max-width: 1199px) {
  .ea-footgrid { grid-template-columns: 1fr; gap: 36px; }
  .ea-footcols { border-right: 0; padding-right: 0; }
}
@media (max-width: 991px) {
  .ea-footgrid { padding: 40px 10vw; }
  .ea-footcols { border-top: 1px solid var(--ea-ink); padding-top: 32px; }
}
@media (max-width: 760px) {
  .ea-footgrid { padding: 32px 7vw; }
  .ea-footcols { display: flex; flex-direction: column; }
  .ea-ftoggle { justify-content: space-between; border-bottom: 1px solid rgba(42, 42, 43, .15); padding: 14px 0; margin: 0; }
  .ea-ftoggle img { display: block; }
  .ea-fgroup .ea-flinks { display: none; padding: 16px 0 22px 14px; }
  .ea-fgroup.is-open .ea-flinks { display: flex; }
  .ea-fgroup.is-open .ea-ftoggle img { transform: rotate(180deg); }
  .ea-bulten-row { flex-direction: column; align-items: stretch; gap: 12px; }
  .ea-bulten-row .ea-btn { width: 100%; }
}

/* ---------- 17. Hakkımda: hikâye + soy ağacı ---------- */
.ea-about { display: grid; grid-template-columns: 1.05fr .92fr; gap: 56px; align-items: center; }  /* Ece 30.06: tek BOY foto → metnin yanında dikey ortalı */
.ea-about-prose p { font-size: 15.5px; line-height: 1.78; margin: 0 0 18px; max-width: 62ch; }
.ea-about-photos { display: flex; justify-content: center; }
.ea-about-photos .ea-polaroid { max-width: 400px; }   /* tek uzunlamasına foto → daha belirgin */
@media (max-width: 991px) {
  .ea-about { grid-template-columns: 1fr; }
  .ea-about-photos { margin-top: 6px; }
  .ea-about-photos .ea-polaroid { max-width: min(360px, 82vw); }
}

/* Soy ağacı: ortadan inen çizgi + sağlı sollu kart düğümler, ✶ işaretli */
.ea-tree { position: relative; max-width: 780px; margin: 0 auto; padding: 8px 0; list-style: none; }
.ea-tree::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 50%;
  width: 2px; margin-left: -1px; background: var(--ea-ink); opacity: .8;
}
.ea-tree-item {
  position: relative; width: calc(50% - 34px);
  background: var(--ea-card); border: 1px solid var(--ea-ink);
  border-radius: 14px; padding: 16px 18px; margin: 0 0 22px;
  transition: transform .25s ease;
}
.ea-tree-item:nth-child(odd) { margin-right: auto; transform: rotate(-.5deg); }
.ea-tree-item:nth-child(even) { margin-left: auto; transform: rotate(.5deg); }
.ea-tree-item:hover { transform: rotate(0) translateY(-2px); }
.ea-tree-item::after {
  content: "✶"; position: absolute; top: 16px; width: 18px; text-align: center;
  color: var(--ea-gold); font-size: 18px; line-height: 1;
}
.ea-tree-item:nth-child(odd)::after { right: -43px; }
.ea-tree-item:nth-child(even)::after { left: -43px; }
.ea-tree-item b { display: block; font-size: 14.5px; line-height: 1.45; letter-spacing: .02em; }
.ea-tree-item span { display: block; margin-top: 4px; font-family: var(--ea-hand); font-size: 24px; line-height: 1.15; }
@media (max-width: 760px) {
  .ea-tree::before { left: 10px; }
  .ea-tree-item { width: auto; margin: 0 0 18px 34px !important; transform: none !important; }
  .ea-tree-item::after { left: -33px !important; right: auto !important; }
}
@media (prefers-reduced-motion: reduce) { .ea-tree-item { transition: none; } }

/* Genel kart (metin kutusu) */
.ea-card { background: var(--ea-card); border: 1px solid var(--ea-ink); border-radius: 16px; padding: 24px 22px; }
.ea-card p { margin: 0; font-size: 14.5px; line-height: 1.6; }

/* ---------- 18. Eğitim detayı ---------- */
.ea-hero-chips { margin-top: 16px; position: relative; z-index: 2; }
.ea-course { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: start; }
.ea-course-aside {
  position: sticky; top: 24px;
  margin-top: 36px;                                /* Ece 30.06: fotoğrafı azıcık aşağı al */
  display: flex; flex-direction: column; gap: 24px; align-items: center; text-align: center;
}
/* CLS sabitleme (Web Vitals: eğitim detay 0.110 → ≤0.1):
   - polaroid yüklenirken alanı önceden ayır (img'in width/height yetmiyor — figure
     üst boşluk + caption ile esniyordu); aspect-ratio + width butonların zıplamasını engeller.
   - btn için min-height (a etiketinin padding'inden gelen değişken yükseklik). */
.ea-course-aside .ea-polaroid { max-width: 330px; width: 100%; aspect-ratio: 3 / 4; }   /* Ece 30.06: kare → dikey dikdörtgen (alt köşede kuş görünsün) */
.ea-course-aside .ea-polaroid img { aspect-ratio: 3 / 4; object-fit: cover; }
.ea-course-aside .ea-btn { width: 100%; max-width: 330px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }
.ea-checklist { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; }
.ea-checklist--1 { grid-template-columns: 1fr; }
.ea-checklist li { position: relative; padding-left: 26px; font-size: 15px; line-height: 1.55; margin: 0; }
.ea-checklist li::before { content: "✶"; position: absolute; left: 0; top: 1px; color: var(--ea-gold); }
@media (max-width: 991px) {
  .ea-course { grid-template-columns: 1fr; }
  .ea-course-aside { position: static; order: -1; margin-top: 0; }   /* mobilde nudge gereksiz */
}
@media (max-width: 760px) { .ea-checklist { grid-template-columns: 1fr; } }

/* ---------- 19. Danışmanlık satırları ---------- */
.ea-consult { display: grid; gap: 64px; max-width: 1020px; margin: 0 auto; position: relative; z-index: 2; }
.ea-consult-item { display: grid; grid-template-columns: 380px 1fr; gap: 44px; align-items: start; }   /* Ece 30.06: görseller biraz daha büyük */
.ea-consult-item--flip { grid-template-columns: 1fr 380px; }
.ea-consult-item--flip .ea-consult-media { order: 2; }
.ea-consult-media { display: flex; justify-content: center; }
.ea-consult-media .ea-polaroid { max-width: 360px; }
.ea-consult-body h2 {
  font-family: var(--f-display); font-weight: 600;   /* Ece 30.06: anasayfayla AYNI (Cormorant), BÜYÜK HARF kaldırıldı */
  color: var(--ea-ink);
  letter-spacing: .01em;
  font-size: clamp(21px, 2.2vw, 32px); line-height: 1.22; padding-block: .05em;
  margin: 0 0 6px;
}
.ea-consult-sub { font-size: 13px; text-transform: uppercase; letter-spacing: 1.4px; margin: 0 0 16px; }
.ea-consult-body p { font-size: 15px; line-height: 1.75; margin: 0 0 14px; max-width: 60ch; }
.ea-consult-body .ea-crumb { margin-top: 4px; }
@media (max-width: 760px) {
  .ea-consult { gap: 48px; }
  .ea-consult-item, .ea-consult-item--flip { grid-template-columns: 1fr; gap: 22px; }
  .ea-consult-item--flip .ea-consult-media { order: 0; }
  .ea-consult-media .ea-polaroid { max-width: 300px; }
}

/* ---------- 20. Yorumlar: masonry liste + yıldız puan formu ---------- */
.ea-masonry { columns: 2; column-gap: 22px; max-width: 1020px; margin: 0 auto; position: relative; z-index: 2; }
.ea-masonry > * { break-inside: avoid; margin: 0 0 22px; }
.ea-masonry .ea-review:nth-child(odd) { transform: rotate(-.5deg); }
.ea-masonry .ea-review:nth-child(even) { transform: rotate(.4deg); }
.ea-masonry .ea-review:hover { transform: rotate(0); }
@media (max-width: 760px) {
  .ea-masonry { columns: 1; }
  .ea-masonry .ea-review { transform: none !important; }
}

/* Yıldız puanı (radio grubu — sağdan sola sıralanır, ~ ile boyanır) */
.ea-rate { display: inline-flex; flex-direction: row-reverse; gap: 4px; }
.ea-rate input { clip-path: inset(50%); position: absolute; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; }
.ea-rate label { font-size: 32px; line-height: 1; color: #8b867c; transition: color .15s ease; padding: 0 2px; }  /* a11y: boş yıldız 3:1 (eski #c9c9c6=1.55:1) */
.ea-rate label:hover, .ea-rate label:hover ~ label,
.ea-rate input:checked ~ label { color: #8a6a12; }   /* a11y: dolu yıldız koyu altın 3:1+ */
.ea-rate input:focus-visible + label { outline: 2px solid var(--ea-ink-deep); outline-offset: 2px; border-radius: 4px; }
/* Form KVKK onay satırı — AYRI sınıf (ea-consent çerez-bandıyla çakışıyordu: consent.css
   .ea-consent{position:fixed} inner.css'i eziyordu → etiket formdan kopup ekrana yapışıyordu).
   Etiketin tamamı tıklanabilir + 20px kutu → rahat dokunma hedefi (WCAG 2.5.5). */
.ea-form-consent { display: flex; gap: 11px; align-items: flex-start; font-size: 12.5px; line-height: 1.55; cursor: pointer; padding: 4px 0; }
.ea-form-consent input { margin-top: 1px; width: 20px; height: 20px; accent-color: var(--ea-ink-deep); flex: none; }

/* Görünür breadcrumb (header.php <main> başı) — JSON-LD BreadcrumbList ile AYNI iz; .ea-wrap ile hizalı. */
.ea-breadcrumb { max-width: 1240px; margin: 20px auto 0; padding: 0 60px; }
.ea-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0; padding: 0;
  font-family: var(--ea-mono); font-size: 12px; letter-spacing: .4px; color: #7a756c; }
.ea-breadcrumb li { display: flex; align-items: center; gap: 7px; min-width: 0; }
.ea-breadcrumb li:not(:first-child)::before { content: "›"; color: #b9b2a4; }
.ea-breadcrumb a { color: #7a756c; }
.ea-breadcrumb a:hover, .ea-breadcrumb a:focus-visible { color: var(--ea-ink-deep); text-decoration: underline; }
.ea-breadcrumb [aria-current="page"] { color: var(--ea-ink); max-width: 60vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 991px) { .ea-breadcrumb { padding: 0 10vw; } }
@media (max-width: 760px) { .ea-breadcrumb { padding: 0 7vw; margin-top: 14px; font-size: 11.5px; } }

/* ---------- 21. Blog ---------- */
.ea-postdate { font-size: 12px; text-transform: uppercase; letter-spacing: 1.6px; margin: 0; }
.ea-tcard .ea-excerpt { font-size: 13px; line-height: 1.6; margin: 0; }
/* Ece 30.06 kararı: YAN (editoryal yan kapak) — görsel solda polaroid, tarih +
   giriş cümlesi sağda (dergi açılışı hissi). Blok yatay banda döner: dikey
   görseller KIRPILMADAN 300px kolona küçülür; mobilde tek kolon + 260px
   (görselin mobilde çok yer kaplama sorunu burada çözülür).
   Negatif üst margin (Onur 03.07): hero alt padding (90px) + section üst
   margin (72px) = 162px kalıntı boşluk — kareli hero zemini kaldırılınca
   (Ece 30.06) görsel sınır kalktı, boşluk kaldı. Kapak bloğu yukarı çekilir:
   başlık→görsel arası masaüstünde ~172→92px, mobilde ~134→74px. */
.ea-featured { display: grid; grid-template-columns: 300px 1fr; gap: 30px; align-items: center;
  max-width: 820px; margin: -80px auto 40px; position: relative; z-index: 2; }
.ea-featured .ea-polaroid { max-width: 300px; width: 100%; margin: 0; }
.ea-featured-meta { min-width: 0; }
.ea-featured-lead { color: var(--ea-ink); opacity: .85; font-size: 15px; line-height: 1.72; margin: 8px 0 0; }
@media (max-width: 760px) {
  .ea-featured { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 18px;
    margin-top: -60px; }
  .ea-featured .ea-polaroid { max-width: 260px; }
}
.ea-postnav {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
  max-width: 900px; margin: 56px auto 0; position: relative; z-index: 2;
}
.ea-postnav a {
  display: flex; flex-direction: column; gap: 8px;
  background: var(--ea-card); border: 1px solid var(--ea-ink); border-radius: 14px;
  padding: 18px 20px; min-width: 0;
}
.ea-postnav a:hover { border-style: dashed; box-shadow: 0 10px 18px #ffacfc66; }
.ea-postnav .ea-postnav-dir { font-size: 11px; text-transform: uppercase; letter-spacing: 1.6px; opacity: .7; }
.ea-postnav .ea-postnav-title { font-size: 14px; line-height: 1.45; overflow-wrap: break-word; }
.ea-postnav .ea-postnav-next { text-align: right; align-items: flex-end; }
@media (max-width: 760px) { .ea-postnav { grid-template-columns: 1fr; } .ea-postnav .ea-postnav-next { text-align: left; align-items: flex-start; } }

/* "✎ Düzenle" köprüsü — yalnız admin oturumunda basılır (WP admin-bar hissi) */
.ea-editlink {
  position: fixed; right: 18px; bottom: 18px; z-index: 1500;
  background: var(--ea-ink-deep); color: var(--ea-accent);
  border: 1px dashed var(--ea-accent); border-radius: 999px;
  padding: 9px 16px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 0 10px 22px rgba(26, 26, 26, .25);
}
.ea-editlink:hover { background: #000; }

/* ---------- 22. Yer tutucu (_soon) / 404 ---------- */
.ea-soon-moons { display: flex; justify-content: center; gap: 14px; margin-bottom: 26px; }
.ea-soon-moons svg { width: 26px; height: 26px; }
.ea-soon-moons .moon-disc { fill: var(--ea-ink); }
.ea-soon-moons .moon-shadow { fill: var(--ea-paper); }
.ea-accent-hand { font-family: var(--ea-hand); font-size: 30px; color: var(--ea-ink); }

/* ===== Header → hero geçişi (kareli kağıt seam) =====
   Onur 21.06: nav artık .ead-nav (ana sayfa diliyle BİREBİR) — kendi #0c0a20 opak
   zeminini taşıyor. Eski [EA-HEADER-PAPER] bloğu (.ea-topbar background-color +
   max-width:1440 notu) artık kullanılmıyor; yeni .ead-nav zaten max-width:var(--wrap)
   ile ortalı + opak zeminli. Hero'nun header'a bitişik durması için margin-top:0
   ve kareli zemin yerine tek-tip paper tonu KORUNDU. */
.ea-hero {
  margin-top: 0;                                 /* header↔hero gridsiz boşluk/seam kalkar */
  background-color: transparent;                 /* Ece 30.06: paper ton kaldırıldı → gece göğü yıldızları hero'da da görünür */
}

/* ===== [EA-HANDMADE] İÇ SAYFA el-yapımı kolaj (gated: body.ea-collage) ===========
   ?ea_collage=1 ile açılır (init.php cookie → header.php body.ea-collage); =0 kapatır.
   Canlı site ETKİLENMEZ. Telifsiz PD cut-out'lar (assets/collage, CREDITS.md).
   OKUNAKLILIK (CLAUDE.md §5): parçalar hero ÜST KÖŞELERİNDE; içerik
   (.ea-hero-inner z-index:2) ÜSTTE → yazıya binmez. Hero overflow:hidden ile
   sınırlanır; alttaki torn-paper'a değmez. Mobilde gizli; reduced-motion güvenli.
   GERİ ALMA: bu blok + init.php EA_PREVIEW + header.php ea-collage satırı. grep: [EA-HANDMADE]. */
body.ea-collage .ea-hero::before,
body.ea-collage .ea-hero::after{
  content:""; position:absolute; z-index:1; pointer-events:none;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(2px 6px 9px rgba(26,26,26,.16));
}
/* Kolaj açıkken hero'nun küçük SVG motifleri (yıldız/ay) köşe kuşlarıyla
   çakışıyordu (ay kuşun üstüne biniyordu) → kolaj modunda gizle; dekoru kuşlar üstlenir. */
body.ea-collage .ea-hero > .ea-motif{ display:none; }
/* KÖŞE KUŞLARI: köşeye+üst kenara çok yakın + köşe-origin'li dönme, hero overflow:hidden
   ile uç/kanattan KESİLİYORDU. Çözüm: kenardan içeri al (top/inset↑), dönmeyi merkez-origin
   yap (kenara taşmaz), boyutu hafif küçült. transform-origin:center → uçlar kutuda kalır. */
body.ea-collage .ea-hero::after{   /* sağ-üst köşe: sinekkuşu lampornis — bağlı-bileşen ile TÜM parçalar temizlendi + 22px şeffaf marj (kenara dayanmaz) (352×315) */
  top:34px; right:4.4%; width:104px; height:93px;
  background-image:url(../collage/hbird-lampornis.webp); transform:none; /* DÜZ (müşteri 19.06: döndürünce kuş anlaşılmıyordu) */
}
body.ea-collage .ea-hero::before{  /* sol-üst köşe: sinekkuşu amazilia. ESKİ: topaza — KAYNAK GÖRSEL sağdan kırpıktı (kuşun gövdesi kesik), düzeltilemez → değiştirildi. amazilia temiz+marjlı (369×363) */
  top:30px; left:4.2%; width:96px; height:94px;
  background-image:url(../collage/hbird-amazilia.webp); transform:none; /* DÜZ */
}
@media (prefers-reduced-motion:no-preference){
  body.ea-collage .ea-hero::before, body.ea-collage .ea-hero::after{ transition:transform .5s ease; }
  body.ea-collage .ea-hero:hover::after{ transform:translateY(-6px); }   /* hover'da yalnız hafif kalkış, döndürme yok */
  body.ea-collage .ea-hero:hover::before{ transform:translateY(-6px); }
}
@media (max-width:1099px){ body.ea-collage .ea-hero::before, body.ea-collage .ea-hero::after{ display:none; } }

/* İÇ SAYFA bölüm çiçekleri KAPATILDI. Bu layout'ta içerik neredeyse tam-genişlik
   (.ea-wrap max 1240px; 1280px'de yan gutter ~20px) → gutter'a sığmayan çiçekler
   kaçınılmaz olarak yazının ARKASINA düşüp "yarım/kesik" görünüyordu. Okunaklılık
   önce gelir (CLAUDE.md §5); kolaj çekiciliğini temizlenmiş köşe kuşları taşıyor.
   Geri açmak istenirse: content:"" yap + çiçekleri viewport-gutter'a NEGATİF offset'le
   al + yalnız ≥1400px göster (dar ekranda gutter yok). Konum kuralları altta referans. */
body.ea-collage .ea-section{ isolation:isolate; }
body.ea-collage .ea-section::before,
body.ea-collage .ea-section::after{
  content:none;   /* ← çiçekler kapalı (yukarıdaki gerekçe). Açmak için content:"" */
  position:absolute; z-index:-1; pointer-events:none;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(2px 5px 8px rgba(26,26,26,.14));
}
/* DAĞINIK: köşe değil, orta/kenar; nth-of-type ile her bölümde farklı yere saçılır */
/* panel: YALNIZ yan gutter (≤4%), dikeyde değişken → içeriğe binmez, dağınık durur */
body.ea-collage .ea-section::after{  top:14%; right:3%; width:86px; height:116px; transform:rotate(7deg);  background-image:url(../collage/fl-rose-yellow.webp); }
body.ea-collage .ea-section:nth-of-type(2n)::after{  top:52%; right:4%; background-image:url(../collage/fl-sweetpea.webp);  transform:rotate(-6deg); }
body.ea-collage .ea-section:nth-of-type(3n)::after{  top:30%; right:2%; background-image:url(../collage/fl-pomegranate.webp); transform:rotate(12deg); }
body.ea-collage .ea-section::before{ top:56%; left:3%; width:80px; height:108px; transform:rotate(-8deg); background-image:url(../collage/fl-sweetpea.webp); }
body.ea-collage .ea-section:nth-of-type(2n)::before{ top:22%; left:4%; background-image:url(../collage/fl-rose-pink.webp); transform:rotate(6deg); }
body.ea-collage .ea-section:nth-of-type(3n)::before{ top:64%; left:2.5%; background-image:url(../collage/fl-wisteria.webp); transform:rotate(-10deg); }
@media (max-width:1099px){ body.ea-collage .ea-section::before, body.ea-collage .ea-section::after{ display:none; } }

/* Önizleme rozeti (yalnız ?ea_collage açıkken; canlı sitede YOK) */
.ea-preview-flag{ position:fixed; z-index:9999; right:14px; bottom:14px; background:#7A1D2F; color:#F5EFE3;
  font-family:var(--ea-mono); font-size:12.5px; letter-spacing:.3px; padding:11px 15px; border-radius:999px;
  text-decoration:none; border:1.5px solid #F5EFE3; box-shadow:0 6px 18px rgba(26,26,26,.32); }
.ea-preview-flag:hover{ background:#C8243E; }
/* ===== [EA-HANDMADE] son ===== */