/* Müfredat ve kazanım haritası — Ada Cam eşlemesi (D116). Yalnız html[data-tema="ada"].canli altında ve yalnız ekranda
   (@media screen): yazdırma stili mufredat-print.css aynen kalır. v2 mufredat.css değişmez (?tema=yok, ?kabuk=eski).
   Uzun tablo sayfası: kutular cam, tablolar okunur (opak beyaz zemin, ince satır çizgisi, yapışkan olmayan sakin başlık).
   Renk = sınıf bandı (yalnız bant kartlarında); özet sayılar ve alan kodları tek renk ailesinde (lavanta), rastgele renk yok. */
@media screen {

/* -- başlık bandı: kareli zemin ve alt çizgi yok -- */
html[data-tema="ada"].canli .mf-hero { border-bottom: 0; background: transparent; background-image: none; box-shadow: none; }
/* başlık metni sayfa içeriğiyle aynı sol hizada (860 px ortalanmış kutu içerikten içeride kalıyordu) */
html[data-tema="ada"].canli .mf-hero__in { max-width: calc(var(--v2-max) + 2 * var(--v2-gutter)); }
html[data-tema="ada"].canli .mf-hero__in > * { max-width: 860px; }
html[data-tema="ada"].canli .mf-hero h1 { font-family: var(--ac-font-baslik); font-weight: 900; letter-spacing: -.02em; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.2rem); }
html[data-tema="ada"].canli .mf-eyebrow { color: #4B2FD1; }
html[data-tema="ada"].canli .mf-lead { color: var(--ac-metin-2); }

/* -- özet sayılar: aynı cam, sayı Nunito -- */
html[data-tema="ada"].canli .mf-stats { gap: 16px; }
html[data-tema="ada"].canli .mf-stat {
  padding: 16px 12px; border: 1px solid var(--ac-kenar); border-radius: 20px; 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 .mf-stat b { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.9rem; color: #4B2FD1; }
html[data-tema="ada"].canli .mf-stat span { color: var(--ac-metin-2); }

/* -- kutular -- */
html[data-tema="ada"].canli .mf-box {
  padding: 20px 22px; border: 1px solid var(--ac-kenar); border-radius: var(--ac-r); 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;
  -webkit-backdrop-filter: var(--ac-blur); backdrop-filter: var(--ac-blur);
}
html[data-tema="ada"].canli .mf-box > h2 { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.35rem; }
html[data-tema="ada"].canli .mf-box > h2 .v2-icon {
  box-sizing: content-box; width: 22px; height: 22px; padding: 8px; border-radius: 12px; color: #FFFFFF;
  background: linear-gradient(140deg, #9B7BFF, #5B6CFF); --v2-icon-fill: rgba(255,255,255,.3);
  box-shadow: 0 6px 14px -6px rgba(123,92,255,.75);
}
html[data-tema="ada"].canli .mf-sub { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .mf-cihaz { border-style: solid; background: linear-gradient(165deg, rgba(227,234,255,.92), rgba(255,255,255,.72)); }
html[data-tema="ada"].canli .mf-okul { position: relative; isolation: isolate; }
html[data-tema="ada"].canli .mf-okul::after {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(80% 140% at 0% 0%, rgba(255,198,41,.2), transparent 60%);
}

/* -- alan kartları (süzgeç düğmeleri): 6 kart 3 + 3 (4 + 2 yetim yerine) -- */
html[data-tema="ada"].canli .mf-alanlar { gap: 14px; }
@media (min-width: 900px) { html[data-tema="ada"].canli .mf-alanlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html[data-tema="ada"].canli .mf-ao {
  border: 1px solid var(--ac-kenar); border-radius: 20px; background: rgba(255,255,255,.78); color: var(--ac-metin);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .45);
  transition: transform .25s var(--ac-ease), box-shadow .25s var(--ac-ease), background-color .2s;
}
html[data-tema="ada"].canli .mf-ao:hover { background: #FFFFFF; transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(123,92,255,.22), var(--ac-golge); }
html[data-tema="ada"].canli .mf-ao:active { transform: translateY(0); }
html[data-tema="ada"].canli .mf-ao:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .mf-ao[aria-pressed="true"] {
  border-width: 1px; background: #FFFFFF; box-shadow: 0 0 0 2px #7B5CFF, 0 10px 22px -12px rgba(91,72,255,.6);
}
html[data-tema="ada"].canli .mf-ao-ad { font-family: var(--ac-font-baslik); font-weight: 800; }
html[data-tema="ada"].canli :is(.mf-ao-meta, .mf-ao-fw) { color: var(--ac-metin-2); }
/* alan kodu: sarı kutu yerine yumuşak lavanta hap, koyu yazı */
html[data-tema="ada"].canli .mf-acode {
  border: 0; border-radius: 10px; color: #4B2FD1; background: rgba(123,92,255,.13);
  box-shadow: inset 0 0 0 1px rgba(91,72,200,.14); font-family: var(--ac-font-baslik); font-weight: 900;
}

/* -- sınıf bantları: renk = bant, yumuşak; 4 kart tek sırada -- */
@media (min-width: 900px) { html[data-tema="ada"].canli .mf-bantlar { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } }
html[data-tema="ada"].canli .mf-bant {
  position: relative; isolation: isolate; overflow: hidden; padding: 14px 16px 14px 20px;
  border: 1px solid var(--ac-kenar); border-left-width: 1px; border-radius: 18px; background: rgba(255,255,255,.8);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .45);
}
html[data-tema="ada"].canli .mf-bant::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--band); }
html[data-tema="ada"].canli .mf-bant::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--band) 18%, transparent), transparent 65%);
}
html[data-tema="ada"].canli .mf-bant b { font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .mf-bant span { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .mf-bant .mf-bant-n { font-family: var(--v2-font-body); font-weight: 800; color: var(--band-ink, var(--ac-metin)); }

/* -- süzgeç ve açıklama -- */
html[data-tema="ada"].canli :is(.mf-count, .mf-legend) { color: var(--ac-metin-2); }

/* -- alan bölümleri ve tablolar: opak beyaz, ince çizgi, okunur -- */
html[data-tema="ada"].canli .mf-alan-head h3 { font-family: var(--ac-font-baslik); font-weight: 900; font-size: 1.25rem; }
html[data-tema="ada"].canli .mf-frames { color: var(--ac-metin-2); }
html[data-tema="ada"].canli .mf-tablewrap {
  border: 1px solid #FFFFFF; border-radius: 18px; background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(91,72,200,.14), 0 8px 20px -16px rgba(var(--ac-golge-r), .45);
}
html[data-tema="ada"].canli .mf-tablewrap:focus-visible { outline: none; box-shadow: var(--ac-odak); }
html[data-tema="ada"].canli .mf-tbl caption { color: var(--ac-metin-2); }
html[data-tema="ada"].canli :is(.mf-tbl th, .mf-tbl td) { border-bottom: 1px solid rgba(91,72,200,.12); }
html[data-tema="ada"].canli .mf-tbl thead th { background: #F3F0FF; color: var(--ac-metin); font-family: var(--ac-font-baslik); font-weight: 900; }
html[data-tema="ada"].canli .mf-tbl tbody tr:hover > * { background: rgba(123,92,255,.04); }
html[data-tema="ada"].canli .mf-kod { font-family: var(--v2-font-mono); color: #4B2FD1; }
/* oyun bağlantıları: kalın altı çizgili mavi duvar yerine sakin bağlantı (altı çizgi ince, üstüne gelince belirgin) */
html[data-tema="ada"].canli .mf-mods a { color: #2F33B8; font-weight: 700; text-decoration-color: rgba(47,51,184,.35); text-decoration-thickness: 1px; }
html[data-tema="ada"].canli .mf-mods a:hover { text-decoration-color: currentColor; text-decoration-thickness: 2px; }
html[data-tema="ada"].canli .mf-lvl { border: 0; box-shadow: inset 0 0 0 1px rgba(27,24,70,.1); }

/* -- çerçeve listesi -- */
html[data-tema="ada"].canli .mf-fwi {
  border: 1px solid var(--ac-kenar); border-radius: 18px; background: rgba(255,255,255,.8);
  box-shadow: 0 0 0 1px var(--ac-cizgi), 0 6px 16px -12px rgba(var(--ac-golge-r), .4);
}
html[data-tema="ada"].canli .mf-note { color: var(--ac-metin-2); }

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

}