/* Kampüs - GENİŞ EKRAN ve BÜYÜK YAZI düzeni
   Bu dosya en son yüklenir. İki ayardan biri açıksa kullanılır:
   - genisekran: Kampüs, sitenin dar içerik sütununun dışına taşıp ekranın neredeyse tamamını kullanır.
   - buyukyazi : Yazı, düğme ve kartlar büyür (küçük çocuklar için). Ekran büyüdükçe yazı da kendiliğinden büyür.
   Her kural .oonda ile başlar; sitenin diğer bölümlerini etkilemez. */

/* ===== 1) GENİŞ EKRAN ===== */
.oonda.oonda-genis,
.oonda.oonda-t2.oonda-genis,
.oonda.oonda-t2.oonda-genis.oonda-tahta,
.oonda.oonda-genis.oonda-tahta {
	--oo-gen: min(1800px, calc(100vw - 32px));
	width: var(--oo-gen);
	max-width: none;
	margin-left: calc(50% - (var(--oo-gen) / 2));
	margin-right: 0;
}
/* Kampüs tam ekran sunum modundayken (fixed) genişlik kuralı karışmasın */
.oonda.oonda-genis[style*="width"] { max-width: none; }

/* ===== 2) BÜYÜK YAZI ve BÜYÜK DÜĞMELER ===== */
/* Ölçek: ekran genişliğine göre basamak basamak büyür (yol haritası da aynı ölçeği kullanır) */
.oonda.oonda-buyuk { --oo-sb: 1.12; }
@media (min-width: 720px)  { .oonda.oonda-buyuk { --oo-sb: 1.2; } }
@media (min-width: 1024px) { .oonda.oonda-buyuk { --oo-sb: 1.27; } }
@media (min-width: 1366px) { .oonda.oonda-buyuk { --oo-sb: 1.35; } }
@media (min-width: 1600px) { .oonda.oonda-buyuk { --oo-sb: 1.42; } }
@media (min-width: 1920px) { .oonda.oonda-buyuk { --oo-sb: 1.55; } }
@media (min-width: 2400px) { .oonda.oonda-buyuk { --oo-sb: 1.8; } }
.oonda.oonda-buyuk,
.oonda.oonda-t2.oonda-buyuk {
	--oo-s: var(--oo-sb);
	font-size: calc(17px * var(--oo-s));
	line-height: 1.5;
	padding: 1.1em 1.3em;
}
.oonda.oonda-buyuk.oonda-tahta,
.oonda.oonda-t2.oonda-buyuk.oonda-tahta {
	--oo-s: calc(var(--oo-sb) * 1.25);
}

/* başlık bölümü (kompakt: ders / soru içindeyken küçük başlık, ona dokunmayız) */
.oonda.oonda-buyuk:not(.oonda-kompakt) .oonda-ust { padding-top: 1.1em; padding-bottom: 1.3em; padding-left: 1.4em; border-radius: 22px; }
.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-ust { padding-right: 11em; }
.oonda.oonda-buyuk:not(.oonda-kompakt) .oonda-baslik { font-size: clamp(1.5em, 2.2vw, 2.1em); line-height: 1.15; }
.oonda.oonda-buyuk.oonda-kompakt .oonda-baslik { font-size: 1.25em; }

/* maskot (px yerine yazı boyuna bağlı) */
.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-maskot { width: 9em; right: 1em; bottom: -2.3em; }
.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-maskot-svg { width: 7em; }
.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-maskot-balon { max-width: 11em; font-size: 0.85em; }
.oonda.oonda-t2.oonda-buyuk.oonda-kompakt .oonda-maskot-svg { width: 4em; }

/* sınıf ve ders seçimi: büyük, dokunması kolay düğmeler */
.oonda.oonda-buyuk .oonda-sinif-secici,
.oonda.oonda-buyuk .oonda-ders-secici { gap: 0.7em; margin: 0 0 0.9em; }
.oonda.oonda-buyuk:not(.oonda-t2) .oonda-ust { margin-bottom: 1em; }
.oonda.oonda-buyuk .oonda-sinif-chip,
.oonda.oonda-buyuk .oonda-ders-chip {
	font-size: 1.12em;
	min-height: 2.9em;
	padding: 0.45em 1.5em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
}
.oonda.oonda-buyuk .oonda-ders-chip { padding: 0.45em 1.7em; }

/* ünite düğmeleri: geniş ızgara, büyük kartlar */
.oonda.oonda-buyuk .oonda-unite-bar,
.oonda.oonda-buyuk .oonda-unite-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
	gap: 0.9em;
}
.oonda.oonda-buyuk .oonda-unite-btn {
	flex: none;
	min-height: 5.6em;
	padding: 0.7em 1em 0.85em;
	font-size: 1.05em;
	border-radius: 24px;
}
.oonda.oonda-buyuk .oonda-unite-no { font-size: 0.82em; padding: 0.1em 0.9em; }
.oonda.oonda-buyuk .oonda-unite-ad { font-size: 1.08em; line-height: 1.22; }
.oonda.oonda-t2.oonda-buyuk .oonda-unite-tik { width: 1.7em; height: 1.7em; top: -0.45em; right: -0.3em; }

/* bölüm (ünite / konu anlatımı / sorular / atölye / öğretmen) düğmeleri */
.oonda.oonda-buyuk .oonda-menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(9em, 1fr)); gap: 0.85em; margin: 0 0 1.3em; }
.oonda.oonda-buyuk .oonda-sekme {
	font-size: 1.12em;
	min-height: 4.4em;
	padding: 0.65em 0.6em 0.7em;
	border-radius: 24px;
	justify-content: center;
}
.oonda.oonda-t2.oonda-buyuk .oonda-sekme-ikon { font-size: 1.9em; }

/* genel düğmeler */
.oonda.oonda-buyuk .oonda-btn {
	font-size: 1.08em;
	min-height: 2.9em;
	padding: 0.55em 1.5em;
}
.oonda.oonda-t2.oonda-buyuk .oonda-ust-sag .oonda-btn { font-size: 0.95em; min-height: 2.6em; }
.oonda.oonda-t2.oonda-buyuk .oonda-satir > .oonda-btn { font-size: 0.95em; min-height: 2.6em; padding: 0.5em 1em; }
.oonda.oonda-buyuk .oonda-tus { min-height: 3.1em; min-width: 3.1em; font-size: 1.15em; }
.oonda.oonda-buyuk .oonda-sec-btn { min-height: 3em; font-size: 1.08em; padding: 0.65em 1em; }

/* içerik: okunaklı, geniş kartlar */
.oonda.oonda-buyuk .oonda-metin,
.oonda.oonda-buyuk .oonda-govde p,
.oonda.oonda-buyuk .oonda-govde li { line-height: 1.6; }
.oonda.oonda-buyuk .oonda-govde { padding-top: 0.3em; }
.oonda.oonda-buyuk .oonda-kartlar,
.oonda.oonda-t2.oonda-buyuk .oonda-kartlar { grid-template-columns: repeat(auto-fit, minmax(15em, 1fr)); gap: 1.1em; }
.oonda.oonda-buyuk .oonda-plan-ozet { font-size: 1.05em; min-height: 2.6em; padding: 0.5em 0; display: flex; align-items: center; }

/* ders / soru satırları: simge kutusu çok büyümesin, soru numarası okunsun */
.oonda.oonda-t2.oonda-buyuk .oonda-ders-ikon { width: 3em; height: 3em; font-size: 1.5em; color: #fff; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); font-family: var(--yazi-baslik); }
.oonda.oonda-buyuk .oonda-ders { min-height: 4.5em; }
.oonda.oonda-buyuk .oonda-ders-metin strong { font-size: 1.12em; }
/* alt sekmeler ve filtre düğmeleri (Alıştırma / Ünite Sınavı / kazanım süzgeçleri) */
.oonda.oonda-buyuk .oonda-chipbtn { font-size: 1.05em; min-height: 2.7em; padding: 0.4em 1.2em; }

/* yol haritası ("Yolculuğun"): ölçekle birlikte büyür, geniş ekranda yana açılır */
.oonda.oonda-t2.oonda-buyuk .oonda-yol-liste { max-width: 52em; height: calc(var(--h, 600px) * var(--oo-s)); }
.oonda.oonda-t2.oonda-buyuk .oonda-yol-dugum { top: calc(var(--y) * var(--oo-s)); width: 11.2em; }
.oonda.oonda-t2.oonda-buyuk .oonda-yol-halka { width: 5.2em; height: 5.2em; }
.oonda.oonda-t2.oonda-buyuk .oonda-yol-siradaki .oonda-yol-halka { width: 5.9em; height: 5.9em; }
.oonda.oonda-t2.oonda-buyuk .oonda-yol-alt { max-width: 10.5em; font-size: 0.85em; }
.oonda.oonda-t2.oonda-buyuk .oonda-yol-ad { font-size: 1.08em; }
.oonda.oonda-t2.oonda-buyuk .oonda-yol-tik { width: 1.9em; height: 1.9em; }

/* ===== 3) KÜÇÜK EKRANLAR (telefon / dar tablet) ===== */
@media (max-width: 720px) {
	.oonda.oonda-genis,
	.oonda.oonda-t2.oonda-genis {
		--oo-gen: calc(100vw - 16px);
	}
	.oonda.oonda-buyuk,
	.oonda.oonda-t2.oonda-buyuk { padding: 0.8em; }
	.oonda.oonda-buyuk .oonda-unite-bar,
	.oonda.oonda-buyuk .oonda-unite-izgara { grid-template-columns: repeat(auto-fit, minmax(7.8em, 1fr)); }
	.oonda.oonda-buyuk .oonda-menu { grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr)); }
	.oonda.oonda-buyuk .oonda-unite-ad { font-size: 0.95em; overflow-wrap: anywhere; }
	.oonda.oonda-buyuk .oonda-sinif-chip { padding: 0.4em 1.1em; }
	.oonda.oonda-buyuk .oonda-ders-chip { font-size: 1em; padding: 0.4em 1em; }
	.oonda.oonda-t2.oonda-buyuk .oonda-yol-dugum { width: 8.4em; }
	.oonda.oonda-t2.oonda-buyuk .oonda-yol-halka { width: 4.5em; height: 4.5em; }
	.oonda.oonda-t2.oonda-buyuk .oonda-yol-siradaki .oonda-yol-halka { width: 5.1em; height: 5.1em; }
	.oonda.oonda-t2.oonda-buyuk .oonda-yol-alt { max-width: 8em; }
	.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-ust { padding-right: 1em; }
	.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-maskot { position: static; width: 100%; }
	.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-maskot-svg { width: 5em; }
	.oonda.oonda-t2.oonda-buyuk:not(.oonda-kompakt) .oonda-maskot-balon { max-width: none; font-size: 0.9em; }
}