/* ==========================================================================
   Eğitmen detayı (/egitmenler/{slug}) — yalnız bu sayfaya özel düzen. Bileşenler radikal.css'te.
   Önek: ed-. Bölüm sırası: ux/mimari.md §3.13
   Profil başı (İz çerçeveli portre + H1 + künye + eylemler) → pedagojik yaklaşım → verdiği dersler → ders verdiği paketler
   ========================================================================== */

/* 1 · Profil başı: ≥768 yan yana (portre solda); telefonda 120 px portre ad ve branşın yanında, giriş/künye/eylemler altında
   (birincil düğme ilk ekrana yaklaşır, portre ekranı kaplamaz) */
.ed-profil { padding-block: var(--space-6) clamp(48px, 2rem + 3vw, 88px); }
.ed-profil__ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); align-items: center; }
@media (min-width: 768px) { .ed-profil__ic { grid-template-columns: minmax(220px, 400px) minmax(0, 1fr); gap: clamp(40px, 7vw, 112px); } }
.ed-profil__foto { width: 100%; max-width: 400px; }
.ed-profil__metin { min-width: 0; display: flex; flex-direction: column; }
@media (max-width: 767.98px) {
  .ed-profil__ic { grid-template-columns: 112px minmax(0, 1fr); grid-template-areas: "foto ust" "foto ad" "giris giris" "kunye kunye" "eylem eylem"; column-gap: var(--space-5); row-gap: 0; align-items: end; }
  .ed-profil__metin { display: contents; }
  .ed-profil__foto { grid-area: foto; align-self: start; margin: 0 8px 8px 0; }
  .ed-profil__foto .iz-cerceve__gorsel { box-shadow: var(--shadow-iz-kucuk); }
  .ed-profil__ust { grid-area: ust; align-self: end; }
  .ed-profil__isim { grid-area: ad; align-self: start; font-size: clamp(30px, 1.3rem + 3vw, 40px); line-height: 1.08; }
  .ed-profil__giris { grid-area: giris; }
  .ed-kunye { grid-area: kunye; }
  .ed-profil__eylemler { grid-area: eylem; margin-top: var(--space-6); }
  .ed-profil__giris { margin-top: var(--space-4); }
  .ed-kunye { margin-top: var(--space-6); }
}
.ed-profil__ust { margin-bottom: var(--space-3); color: var(--color-metin-vurgu); }
.ed-profil__isim { font: 800 var(--size-ekran)/var(--size-ekran-satir) var(--font-aile-baslik); letter-spacing: -.025em; }
.ed-profil__giris { margin-top: var(--space-5); max-width: 34em; font-size: var(--size-giris); line-height: var(--size-giris-satir); color: var(--color-metin-birincil); }

.ed-kunye { margin-top: var(--space-7); border-top: 2px solid var(--color-metin-birincil); max-width: 40rem; }
.ed-kunye__satir { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: var(--space-4); padding-block: 12px; border-bottom: 1px solid var(--color-sinir-ince); font-size: 15px; line-height: 22px; }
.ed-kunye__satir dt { color: var(--color-metin-ikincil); font-weight: 500; }
.ed-kunye__satir dd { font-weight: 600; }
@media (max-width: 479.98px) { .ed-kunye__satir { grid-template-columns: 7.5rem minmax(0, 1fr); gap: var(--space-3); } }
.ed-profil__eylemler { margin-top: var(--space-7); display: flex; flex-wrap: wrap; gap: var(--space-3); }
@media (max-width: 479.98px) { .ed-profil__eylemler .dugme { flex: 1 1 100%; } }

/* 2–3 · Künye satırları: solda başlık, sağda içerik (ders kitabı künye sayfası düzeni) */
.ed-bilgi { padding-top: 0; }
.ed-satir { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding-block: clamp(28px, 1.5rem + 1.5vw, 48px); border-top: 1px solid var(--color-sinir-ince); }
.ed-satir:last-child { padding-bottom: 0; }
@media (min-width: 768px) { .ed-satir { grid-template-columns: minmax(220px, 400px) minmax(0, 1fr); gap: clamp(40px, 7vw, 112px); } }
.ed-satir__bas { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.ed-video { max-width: 400px; border-radius: var(--radius-sm); }
.ed-satir__baslik { font: 700 clamp(22px, 1.2rem + .5vw, 28px)/1.25 var(--font-aile-baslik); letter-spacing: -.015em; }
.ed-satir__icerik { min-width: 0; max-width: 44rem; }
.ed-metin p { font-size: var(--size-govde); line-height: 1.72; }
.ed-metin p + p, .ed-devam__icerik p + p { margin-top: var(--space-4); }

/* Kısaltılmış metin: details/summary (JS'siz) */
.ed-devam { margin-top: var(--space-3); }
.ed-devam__dugme { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font: 600 16px/20px var(--font-aile-govde); color: var(--color-metin-vurgu); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; border-radius: var(--radius-xs); }
.ed-devam__dugme:hover { color: var(--color-metin-vurgu-hover); text-decoration-thickness: 2px; }
.ed-devam__ok { transition: transform var(--motion-orta) var(--motion-egri-cikis); }
.ed-devam[open] .ed-devam__ok { transform: rotate(180deg); }
.ed-devam:not([open]) .ed-devam__kapa, .ed-devam[open] .ed-devam__ac { display: none; }
.ed-devam__icerik { padding-top: var(--space-2); }
.ed-metin .rozet--teyit { display: inline; line-height: 22px; padding-block: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; vertical-align: 1px; }

.ed-dersler { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.ed-ders { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: var(--radius-xs); background: var(--color-zemin-yuzey); box-shadow: inset 0 0 0 1px var(--color-sinir-ince); font: 600 15px/20px var(--font-aile-govde); }

/* 4 · Ders verdiği paketler: sınıfa göre iki grup, kompakt kartlar */
.ed-paketler__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 var(--space-5); margin-bottom: var(--space-3); padding-top: var(--space-3); border-top: 2px solid var(--color-metin-birincil); }
.ed-paketler__ust .dugme--metin { min-height: 44px; }
.ed-paketler__grup { font: 600 13px/16px var(--font-aile-govde); letter-spacing: .06em; text-transform: uppercase; color: var(--color-metin-ikincil); }
.ed-paketler__izgara + .ed-paketler__ust { margin-top: var(--space-9); }
.ed-paketler__izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: var(--space-4) var(--layout-oluk); }
.ed-paketler__izgara > li { min-width: 0; }

/* Fotoğrafsız eğitmen: portre sütunu yok; baş harf avatarı adın üstünde, içerik tek sütun */
.ed-profil--harf .ed-profil__ic { grid-template-columns: minmax(0, 1fr); max-width: 52rem; }
.ed-profil__harf { width: 80px; height: 80px; font-size: 28px; margin-bottom: var(--space-4); }
@media (max-width: 767.98px) {
  .ed-profil--harf .ed-profil__ic { display: block; }
  .ed-profil--harf .ed-profil__metin { display: flex; }
}

/* Yazıları: tarihli bağlantı satırları (derece/eğitmen listeleriyle aynı çizgi dili) */
.ed-yazi-liste { max-width: 52rem; border-bottom: 1px solid var(--color-sinir-ince); }
.ed-yazi-liste > li { border-top: 1px solid var(--color-sinir-ince); }
.ed-yazi { display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; align-items: center; gap: var(--space-4); min-height: 60px; padding-block: 12px; color: inherit; text-decoration: none; }
.ed-yazi__baslik { font: 600 17px/24px var(--font-aile-govde); }
.ed-yazi__tarih { font-size: 14px; line-height: 20px; color: var(--color-metin-ikincil); white-space: nowrap; }
.ed-yazi__ok { color: var(--color-sinir-guclu); transition: transform var(--motion-hizli), color var(--motion-hizli); }
.ed-yazi:hover .ed-yazi__baslik { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.ed-yazi:hover .ed-yazi__ok { color: var(--color-metin-birincil); transform: translateX(2px); }
@media (max-width: 599.98px) {
  .ed-yazi { grid-template-columns: minmax(0, 1fr) 16px; }
  .ed-yazi__tarih { grid-column: 1; grid-row: 2; }
  .ed-yazi__ok { grid-column: 2; grid-row: 1 / span 2; }
}

/* Diğer eğitmenler: kart ızgarası (4 sütun · tablet 3 · telefon 2) */
.ed-diger .egitmen-izgarasi { margin-top: var(--space-2); }