/* Atölye (/atolye/) — Ada Cam görünümü (D116 yayılımı). Yalnız html[data-tema="ada"].canli altında etkilidir;
   atolye.css (v2) temel düzeni verir: ?tema=yok ve ?kabuk=eski sade görünümü gösterir.
   Renk = atölye alanı (tek anlam): Robot = indigo, Python = gök, YZ Lab = pembe, Devre = güneş, Oyun Stüdyosu = nane.
   Kart renk aileleri atolye.css içinde data-alan ile verilir (değerler ada-cam.css §1 ile aynı).
   Kahraman yok (2026-10-27): sayfa başlık + resimli kartlarla başlar; kartın tamamı bağlantıdır, düğme yok. */

/* -- bölüm başlıkları -- */
html[data-tema="ada"].canli .at-govde h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.015em; }
html[data-tema="ada"].canli :is(.at-giris, .at-not) { color: var(--ac-metin-2); }

/* -- ilk bölüm başlığı (kahraman yok): Nunito, "bozup yeniden" canli.css renkli degradesiyle -- */
html[data-tema="ada"].canli .at-govde--ilk h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; color: var(--ac-metin); }

/* -- resimli atölye kartları: cam çerçeve, yumuşak gölge, alan renginde parıltı -- */
html[data-tema="ada"].canli .at-kartlar { gap: 22px; }
html[data-tema="ada"].canli .at-kart__bag {
  border: 1px solid rgba(255,255,255,.65); border-radius: var(--ac-r);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 rgba(255,255,255,.6);
  transition: transform .35s var(--ac-ease), box-shadow .35s var(--ac-ease);
}
html[data-tema="ada"].canli .at-kart__bag::before { transition: transform .7s var(--ac-ease); }
html[data-tema="ada"].canli .at-kart__bag:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 0 1px rgba(var(--rr), .35), var(--ac-golge-ust), 0 28px 50px -24px rgba(var(--rr), .85), inset 0 1px 0 rgba(255,255,255,.6);
}
html[data-tema="ada"].canli .at-kart__bag:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .at-kartlar .at-kart__ad { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.015em; }

/* -- "Atölyede nasıl çalışılır?" adım kartları -- */
html[data-tema="ada"].canli .at-adimlar { gap: 16px; }
html[data-tema="ada"].canli .at-adimlar li {
  gap: 14px; padding: 18px; border: 1px solid var(--ac-kenar); border-radius: 22px; background: var(--ac-cam);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .at-adimlar h3 { font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
html[data-tema="ada"].canli .at-adimlar p { color: var(--ac-metin-2); }
/* Adım numarası: sarı degrade top, koyu yazı (sarı üstünde beyaz yazı AA vermez) */
html[data-tema="ada"].canli .at-no {
  width: 42px; height: 42px; border: 0; color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #4F6BFF);
  box-shadow: 0 6px 14px -6px rgba(91,72,255,.8), inset 0 1px 0 rgba(255,255,255,.55);
  font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.1rem;
}
html[data-tema="ada"].canli .at-not .v2-icon { color: #0B6E66; }

/* -- hareket azaltma ve zayıf cihaz -- */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli .at-kart__bag, html[data-tema="ada"].canli .at-kart__bag::before { transition: none; }
  html[data-tema="ada"].canli .at-kart__bag:hover, html[data-tema="ada"].canli .at-kart__bag:hover::before { transform: none; }
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli :is(.at-adimlar li) {
  -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; transition: none;
}
html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli .at-kart__bag, html:is(.efekt-az, .a11y-calm)[data-tema="ada"].canli .at-kart__bag::before { transition: none; transform: none; }


/* D169: "Nasıl çalışılır?" bilgi kutucuğu içinde adımlar sıkı dizilir */
html[data-tema="ada"].canli .at-bilgi__kart .at-adimlar { gap: 8px; }
html[data-tema="ada"].canli .at-bilgi__kart .at-adimlar li { padding: 10px 12px; gap: 12px; border-radius: 16px; box-shadow: 0 0 0 1px var(--ac-cizgi); -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-tema="ada"].canli .at-bilgi__kart .at-no { width: 34px; height: 34px; font-size: 1rem; }