/* proje-atolyesi — Ada Cam eşlemesi (D116). Yalnız html[data-tema="ada"].canli altında; v2 proje-atolyesi.css değişmez.
   Renk anlamı: sayfanın ana rengi Proje Atölyesi paketinin moru (Dersler'deki kartla aynı); sarı yalnız "danışman onayı kapısı"
   adımında ve tek birincil düğmede ("Okul hesabıyla gir"). Durum renkleri (onay yeşil, inceleme sarı, düzeltme mercan) korunur. */

html[data-tema="ada"].canli body.v2-page { --pa-a: #C08BFF; --pa-b: #8A5CFF; --pa-r: 150, 100, 255; --pa-i: #5B2BB8; }

/* ================================================================ Kahraman */
html[data-tema="ada"].canli .pa-hero { border-bottom: 0; background: transparent; background-image: none; }
html[data-tema="ada"].canli .pa-hero__in { gap: 10px; padding-block: var(--v2-space-5) var(--v2-space-3); }
html[data-tema="ada"].canli .pa-hero h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; }
html[data-tema="ada"].canli .pa-hero__lead { color: var(--ac-metin-2); font-weight: 600; }
/* göz etiketi: ortak stil (ada-cam.css §2b) */
html[data-tema="ada"].canli .pa-geri { color: var(--ac-metin-2); text-decoration: none; border-radius: 12px; padding-inline: 4px; }
html[data-tema="ada"].canli .pa-geri:hover { color: var(--ac-metin); }
html[data-tema="ada"].canli .pa-geri:focus-visible { outline: none; box-shadow: var(--ac-odak); }

/* ================================================================ Tanıtım gövdesi */
html[data-tema="ada"].canli .pa-govde { padding-block: var(--v2-space-2) var(--v2-space-8); }
/* Düğmeler kahramanın devamı gibi dursun: alttaki bölüm başlığından açıkça ayrılır */
html[data-tema="ada"].canli .pa-cta { gap: 12px; margin-bottom: var(--v2-space-5); }
html[data-tema="ada"].canli .pa-bolum { gap: 16px; }
html[data-tema="ada"].canli .pa-bolum + .pa-bolum { margin-top: var(--v2-space-6); }
html[data-tema="ada"].canli .pa-bolum h2 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; color: var(--ac-metin); }
html[data-tema="ada"].canli .pa-bolum :is(h3, h4) { font-family: var(--ac-font-baslik); font-weight: 900; color: var(--ac-metin); }
html[data-tema="ada"].canli :is(.pa-bolum__giris, .pa-bos, .pa-ipucu) { color: var(--ac-metin-2); }

/* -- Sekiz adım: 4 × 2 cam kart; numara mor degrade karo; onay kapısı adımı güneş tonu -- */
html[data-tema="ada"].canli .pa-yol { gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-tema="ada"].canli .pa-yol__adim {
  position: relative; isolation: isolate; gap: 14px; padding: 18px 18px 16px; color: var(--ac-metin);
  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 .pa-yol__adim::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(110% 80% at 0% 0%, rgba(var(--pa-r), .12), transparent 55%);
}
html[data-tema="ada"].canli .pa-yol__adim.is-kapi { background: linear-gradient(165deg, rgba(255,241,199,.95), rgba(255,255,255,.75)); box-shadow: 0 0 0 1px rgba(255,170,40,.35), var(--ac-golge), inset 0 1px 0 #FFFFFF; }
html[data-tema="ada"].canli .pa-yol__adim.is-kapi::after { background: radial-gradient(110% 80% at 0% 0%, rgba(255,170,40,.18), transparent 55%); }
html[data-tema="ada"].canli .pa-yol__no {
  width: 44px; height: 44px; border: 0; border-radius: 14px; color: #FFFFFF; font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.15rem;
  background: linear-gradient(140deg, var(--pa-a), var(--pa-b));
  box-shadow: 0 8px 16px -8px rgba(var(--pa-r), .85), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(0,0,0,.08);
}
/* Kapı adımı: sarı karo üstünde koyu rakam (AA) */
html[data-tema="ada"].canli .pa-yol__adim.is-kapi .pa-yol__no { color: #FFFFFF; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); box-shadow: 0 8px 16px -8px rgba(91,72,255,.85), inset 0 1px 0 rgba(255,255,255,.5); }
html[data-tema="ada"].canli .pa-yol__adim h3 { font-family: var(--ac-font-baslik); font-weight: 800; font-size: 1.08rem; line-height: 1.25; }
html[data-tema="ada"].canli .pa-yol__adim p { color: var(--ac-metin-2); line-height: 1.5; }
html[data-tema="ada"].canli .pa-kapi-not {
  align-items: flex-start !important; /* v2 align-items: center → ikon ilk satırla hizalı */
  margin-top: 10px !important; padding: 8px 10px; border-radius: 14px; font-size: var(--v2-text-sm);
  color: #6B3A00 !important; background: rgba(255,255,255,.7); box-shadow: inset 0 0 0 1px rgba(255,170,40,.35);
}
html[data-tema="ada"].canli .pa-kapi-not .v2-icon { flex: none; margin-top: 1px; color: #8A4B00; }

/* -- Kim ne yapar?: 3 kart 3 sütunda (4 sütunluk ızgarada sağ boş kalıyordu); ikon mor degrade karo -- */
html[data-tema="ada"].canli .pa-roller .pa-kartlar { gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-tema="ada"].canli .pa-kart {
  position: relative; isolation: isolate; display: grid; align-content: start; gap: 8px; padding: 20px 20px 18px; color: var(--ac-metin);
  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 .pa-kart > .v2-icon {
  box-sizing: border-box; width: 52px; height: 52px; padding: 12px; margin-bottom: 4px; border-radius: 16px; color: #FFFFFF; --v2-icon-fill: rgba(255,255,255,.3);
  background: linear-gradient(140deg, var(--pa-a), var(--pa-b));
  box-shadow: 0 8px 18px -8px rgba(var(--pa-r), .85), inset 0 1px 0 rgba(255,255,255,.45);
}
html[data-tema="ada"].canli .pa-kart h3 { margin: 0; font-family: var(--ac-font-baslik); font-weight: 800; font-size: 1.12rem; }
html[data-tema="ada"].canli .pa-kart p { color: var(--ac-metin-2); line-height: 1.55; }

/* -- Güvenli ve şeffaf: işaretsiz, içeri kaymış madde listesi → cam panel + onay işaretli maddeler -- */
html[data-tema="ada"].canli .pa-maddeler {
  list-style: none; max-width: none; gap: 0; padding: 8px 22px; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r);
  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 .pa-maddeler > li {
  display: flex; align-items: flex-start; gap: 14px; padding: 12px 0; color: var(--ac-metin); line-height: 1.5;
}
html[data-tema="ada"].canli .pa-maddeler > li + li { border-top: 1px solid rgba(91,72,200,.1); }
html[data-tema="ada"].canli .pa-maddeler > li::before {
  content: ""; flex: none; width: 28px; height: 28px; margin-top: -2px; border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 12.5 3.6 3.6 7.4-7.6' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat,
              linear-gradient(140deg, #34D9B0, #14B8C8);
  box-shadow: 0 6px 12px -6px rgba(20,190,170,.85), inset 0 1px 0 rgba(255,255,255,.45);
}

/* -- Destek videoları: eşit ızgara, aynı yükseklikte cam haplar -- */
html[data-tema="ada"].canli .pa-videolar { gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
html[data-tema="ada"].canli .pa-videolar > li { display: flex; min-width: 0; }
html[data-tema="ada"].canli .pa-video {
  flex: 1; display: flex; min-width: 0; min-height: 64px; gap: 12px; padding: 8px 16px 8px 9px; color: var(--ac-metin);
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: rgba(255,255,255,.74); text-decoration: none;
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .45);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  transition: background-color .2s, transform .25s var(--ac-ease), box-shadow .25s var(--ac-ease);
}
html[data-tema="ada"].canli .pa-video:hover { background: #FFFFFF; transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(var(--pa-r), .25), var(--ac-golge-ust); }
html[data-tema="ada"].canli .pa-video:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .pa-video .v2-icon {
  box-sizing: border-box; width: 40px; height: 40px; padding: 10px; border-radius: 50%; color: #FFFFFF; --v2-icon-fill: #FFFFFF;
  background: linear-gradient(140deg, var(--pa-a), var(--pa-b)); box-shadow: 0 6px 14px -6px rgba(var(--pa-r), .85);
}
html[data-tema="ada"].canli .pa-video span { min-width: 0; gap: 2px; font-weight: 700; line-height: 1.25; }
html[data-tema="ada"].canli .pa-video small { justify-self: start; padding: 1px 8px; border-radius: var(--ac-r-pill); color: var(--pa-i); background: rgba(var(--pa-r), .12); font-weight: 700; }

/* ================================================================ Pano ve çalışma alanı (giriş sonrası) */
html[data-tema="ada"].canli :is(.pa-pkart, .pa-sayilar li, .pa-okunur, .pa-rapor-kap, .pa-prova, .pa-karar) {
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: var(--ac-cam); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge), inset 0 1px 0 #FFFFFF;
}
html[data-tema="ada"].canli .pa-pkart { transition: transform .3s var(--ac-ease), box-shadow .3s var(--ac-ease); }
html[data-tema="ada"].canli .pa-pkart:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(var(--pa-r), .25), var(--ac-golge-ust); }
html[data-tema="ada"].canli .pa-pkart:focus-visible { outline: none; box-shadow: var(--ac-odak), var(--ac-golge-ust); }
html[data-tema="ada"].canli .pa-pkart.is-arsiv { background: rgba(123,92,255,.06); }
html[data-tema="ada"].canli .pa-pkart__baslik, html[data-tema="ada"].canli .pa-sayilar b { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli :is(.pa-pkart__alt, .pa-pkart__son, .pa-sayilar span, .pa-ust__tur, .pa-alan__ipucu, .pa-defter__ust) { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .pa-karar { background: linear-gradient(165deg, rgba(224,236,255,.95), rgba(255,255,255,.75)); }
html[data-tema="ada"].canli .pa-prova { background: linear-gradient(165deg, rgba(221,245,231,.95), rgba(255,255,255,.75)); }
html[data-tema="ada"].canli .pa-kuyruk a { border-radius: 14px; background: rgba(255,241,199,.85); box-shadow: inset 0 0 0 1px rgba(255,170,40,.3); }

/* Etiketler ve durum hapları: kalın kontur yerine ince çizgi */
html[data-tema="ada"].canli :is(.pa-etiket, .pa-durum) { border: 1px solid rgba(91,72,200,.18); background: rgba(255,255,255,.82); }
html[data-tema="ada"].canli :is(.pa-etiket--inceleme, .pa-durum--inceleme) { border-color: rgba(138,75,0,.25); background: rgba(255,241,199,.95); }
html[data-tema="ada"].canli .pa-etiket--durgun, html[data-tema="ada"].canli .pa-durum--revizyon { border-color: rgba(176,48,46,.25); background: rgba(255,228,220,.95); }
html[data-tema="ada"].canli .pa-durum--onay { border-color: rgba(25,112,74,.25); background: rgba(221,245,231,.95); }

/* İlerleme şeridi ve çubuklar */
html[data-tema="ada"].canli .pa-ilerleme li { border: 0; background: rgba(123,92,255,.12); }
html[data-tema="ada"].canli .pa-ilerleme li.is-onay { background: linear-gradient(90deg, #34D9B0, #22B07D); }
html[data-tema="ada"].canli .pa-ilerleme li.is-inceleme { background: linear-gradient(90deg, #FFD24A, #FF9A1F); }
html[data-tema="ada"].canli .pa-ilerleme li.is-simdi { background: rgba(var(--pa-r), .35); box-shadow: inset 0 0 0 1px rgba(var(--pa-r), .6); }
html[data-tema="ada"].canli .pa-cubuk { border: 0; background: rgba(123,92,255,.1); box-shadow: inset 0 1px 2px rgba(var(--ac-golge-r), .14); }
html[data-tema="ada"].canli .pa-cubuk span { border-radius: 8px; background: linear-gradient(90deg, var(--pa-a), var(--pa-b)); }
html[data-tema="ada"].canli .pa-bos-buyuk { border: 1px dashed rgba(91,72,200,.3); border-radius: var(--ac-r); background: rgba(255,255,255,.5); }

/* Form seçimleri */
html[data-tema="ada"].canli :is(.pa-onay, .pa-secim, .pa-tur) {
  border: 1px solid var(--ac-kenar); border-radius: 16px; background: rgba(255,255,255,.8);
  box-shadow: 0 0 0 1px rgba(91,72,200,.16);
}
html[data-tema="ada"].canli :is(.pa-tur, .pa-secim, .pa-onay):has(input:checked) { background: rgba(var(--pa-r), .1); box-shadow: 0 0 0 2px rgba(var(--pa-r), .55); }
html[data-tema="ada"].canli .pa-onay.is-engel { box-shadow: 0 0 0 2px rgba(176,48,46,.5); }
html[data-tema="ada"].canli .pa-onay.is-uyari { box-shadow: 0 0 0 2px rgba(138,75,0,.4); }
html[data-tema="ada"].canli :is(.pa-onay, .pa-secim, .pa-tur) input { accent-color: #7B5CFF; }
html[data-tema="ada"].canli .pa-onay__not { border-radius: 8px; }
html[data-tema="ada"].canli .pa-eksikler { border-radius: 16px; background: rgba(255,241,199,.9); box-shadow: inset 0 0 0 1px rgba(255,170,40,.3); }
html[data-tema="ada"].canli .pa-dugmeler--yapiskan {
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: rgba(255,255,255,.82);
  box-shadow: 0 0 0 1px var(--ac-cizgi), var(--ac-golge-ust); -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli :is(.pa-tablo th, .pa-tablo td) { border: 1px solid rgba(91,72,200,.2); }
html[data-tema="ada"].canli .pa-tablo th { background: rgba(123,92,255,.07); }
html[data-tema="ada"].canli .pa-g svg { border: 1px solid rgba(91,72,200,.18); border-radius: 16px; }

/* Çalışma alanı başlığı, adım rayı, yorum ve defter */
html[data-tema="ada"].canli .pa-ust { border-bottom: 1px solid rgba(91,72,200,.14); }
html[data-tema="ada"].canli .pa-ust h2, html[data-tema="ada"].canli .pa-adim__bas h3 { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .pa-ray__a { border: 0; border-radius: 16px; background: rgba(255,255,255,.72); box-shadow: 0 0 0 1px var(--ac-cizgi); transition: background-color .2s; }
html[data-tema="ada"].canli .pa-ray__a:hover { background: #FFFFFF; }
html[data-tema="ada"].canli .pa-ray__a.is-aktif { background: rgba(var(--pa-r), .12); box-shadow: 0 0 0 2px rgba(var(--pa-r), .5); }
html[data-tema="ada"].canli .pa-ray__a:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .pa-ray__no { border: 1px solid rgba(91,72,200,.25); background: #FFFFFF; }
html[data-tema="ada"].canli .pa-ray--onay .pa-ray__no { border-color: transparent; color: #FFFFFF; background: linear-gradient(140deg, #34D9B0, #22B07D); }
html[data-tema="ada"].canli .pa-ray--onay .pa-ray__no .v2-icon { color: #FFFFFF; }
html[data-tema="ada"].canli .pa-ray--inceleme .pa-ray__no { border-color: transparent; background: linear-gradient(140deg, #9B7BFF, #4F6BFF); }
html[data-tema="ada"].canli .pa-ray--revizyon .pa-ray__no { border-color: rgba(176,48,46,.3); background: rgba(255,228,220,.95); }
html[data-tema="ada"].canli .pa-ray__metin small { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .pa-ray__ek { border-top: 1px solid rgba(91,72,200,.14); }
html[data-tema="ada"].canli :is(.pa-yorum, .pa-defter__g) { border: 1px solid var(--ac-kenar); border-radius: 16px; background: rgba(255,255,255,.82); box-shadow: 0 0 0 1px rgba(91,72,200,.12); }
html[data-tema="ada"].canli .pa-yorum--danisman { background: linear-gradient(165deg, rgba(224,236,255,.95), rgba(255,255,255,.8)); }
html[data-tema="ada"].canli .pa-yorumlar { border-top: 1px solid rgba(91,72,200,.14); }
html[data-tema="ada"].canli .pa-defter { border-left: 3px solid rgba(var(--pa-r), .35); }

/* ================================================================ Duyarlı */
@media (max-width: 1100px) {
  html[data-tema="ada"].canli .pa-yol, html[data-tema="ada"].canli .pa-videolar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  html[data-tema="ada"].canli .pa-roller .pa-kartlar { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  html[data-tema="ada"].canli .pa-yol, html[data-tema="ada"].canli .pa-videolar { grid-template-columns: 1fr; }
  html[data-tema="ada"].canli .pa-cta > .v2-btn { flex: 1 1 100%; justify-content: center; }
  html[data-tema="ada"].canli .pa-maddeler { padding: 4px 16px; }
}

/* ================================================================ Hareket azaltma / sakin mod */
@media (prefers-reduced-motion: reduce) {
  html[data-tema="ada"].canli :is(.pa-video, .pa-pkart, .pa-ray__a) { transition: none; }
  html[data-tema="ada"].canli :is(.pa-video, .pa-pkart):hover { transform: none; }
}
html.efekt-az[data-tema="ada"].canli :is(.pa-yol__adim, .pa-kart, .pa-maddeler, .pa-video, .pa-pkart, .pa-dugmeler--yapiskan),
html.a11y-calm[data-tema="ada"].canli :is(.pa-yol__adim, .pa-kart, .pa-maddeler, .pa-video, .pa-pkart, .pa-dugmeler--yapiskan) {
  transition: none; transform: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html.efekt-az[data-tema="ada"].canli :is(.pa-yol__adim:not(.is-kapi), .pa-kart, .pa-maddeler, .pa-video),
html.a11y-calm[data-tema="ada"].canli :is(.pa-yol__adim:not(.is-kapi), .pa-kart, .pa-maddeler, .pa-video) { background: #FFFFFF; }
@media print {
  html[data-tema="ada"].canli :is(.pa-yol__adim, .pa-kart, .pa-maddeler, .pa-video) { box-shadow: none; border: 1px solid #C9C6E0; background: #FFFFFF; -webkit-backdrop-filter: none; backdrop-filter: none; }
}