/*
Theme Name:  IDSA
Theme URI:   https://istanbuldrama.com.tr
Author:      IDSA
Description: Istanbul Drama Sanat Akademisi icin Figma tasarimindan uretilmis ozel blok tema.
Version:     0.40.3
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: idsa
Tags:        full-site-editing, block-patterns, custom-colors, custom-logo
*/

/* ============================================================
   Renk / tipografi / bosluk token'lari theme.json icindedir.
   Burada yalnizca theme.json ile ifade edilemeyen seyler var:
   yapiskan baslik, kayan serit animasyonu, foto kolaji,
   marka sekilleri ve yas grubu izgarasi.
   ============================================================ */

/* --- Kok -------------------------------------------------- */

/*
 * Kaydirma cubuguna her zaman yer ayir.
 *
 * Acilis ekrani acikken govdede overflow:hidden var; cubugun yer
 * kapladigi sistemlerde (Windows, ya da macOS'ta "cubuklari her zaman
 * goster" secili) cubuk o sirada kayboluyor, sayfa ~15px genisleyip
 * katman kapaninca geri daraliyordu. Kaplamali cubukta etkisiz.
 */
html {
	scrollbar-gutter: stable;
}

/* --- Ust bar ------------------------------------------------ */

.idsa-topbar {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--wp--preset--color--base);
	/*
	 * Tasarimda (TOPBAR2) bar 112px. Yuksekligi icerige birakmak
	 * yetmiyor: site logosu tanimli degilse bar metin yuksekligine
	 * dusuyor ve tasarimdakinin yarisi kadar kaliyor.
	 */
	min-block-size: clamp(4.5rem, 6.48vw, 7rem);
	/* Tasarimda logo soldan 36px iceride. Dolgu blok isaretlemesinde
	   satir ici verilirse buradan ezilemiyor, o yuzden orada birakilmadi
	   (bkz. parts/header.html). */
	padding-inline: clamp(1rem, 2.08vw, 2.25rem);
	padding-block: var(--wp--preset--spacing--20);
}

/* align-self: stretch olmadan bu gruplar yalnizca icerikleri kadar
   yuksek kalir; icindeki menu de barin altina kadar uzanamaz ve acik
   ogenin alt cizgisi ile acilir panel barin ustunde asili kalir.
   Grubun kendi icerigi align-items ile dikeyde ortali kalmayi surdurur. */
.idsa-topbar__links {
	display: flex;
	align-self: stretch;
	align-items: center;
	gap: clamp(1rem, 2.2vw, 2.5rem);
}

.idsa-topbar .wp-block-site-logo img {
	width: 110px;
	height: auto;
}

/*
 * Tasarimlarin cogunda (Component 17: Giriş Ekranı, Eğitimler, Kariyer,
 * Ekibimiz, Bize Ulaşın) logo 164x100, soldan 8 / ustten 6 iceride;
 * yalnizca Şubeler cercevelerindeki TOPBAR2'de 110x67 idi ve site ona
 * gore kurulmustu. Bar yuksekligi (112) degismesin diye ust/alt dolgu
 * 6'ya iniyor. Genislik ekranla olcekleniyor ki dar masaustunde menuyu
 * sikistirmasin (1160 ve altinda eski 110).
 */
@media (min-width: 901px) {
	.idsa-topbar {
		padding-block: clamp(0.25rem, 0.35vw, 0.375rem);
		padding-inline-start: clamp(0.5rem, 0.46vw, 0.5rem);
	}

	.idsa-topbar .wp-block-site-logo img {
		width: clamp(110px, 9.49vw, 164px);
	}
}

/* Mobilde soldaki isim baglantilarini gizle; menu hamburgerde */
@media (max-width: 900px) {
	.idsa-topbar__names {
		display: none;
	}
}

/* --- Marka sekilleri ---------------------------------------- */

.idsa-shape {
	display: inline-block;
	inline-size: var(--idsa-shape-size, 20px);
	block-size: var(--idsa-shape-size, 20px);
	flex: none;
}

.idsa-shape--circle   { border-radius: 50%;                                background: var(--wp--preset--color--accent); }
.idsa-shape--triangle { clip-path: polygon(50% 0%, 100% 100%, 0% 100%);    background: var(--wp--preset--color--primary); }
.idsa-shape--square   {                                                    background: var(--wp--preset--color--muted); }
.idsa-shape--diamond  { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background: var(--wp--preset--color--contrast); }

.idsa-shapes-row {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	--idsa-shape-size: 2.75rem;
}

/* --- Degisimin basladigi yer: alt baslik ------------------ */

/* Tasarim (784:922): Cormorant Garamond 600 italik 40/49, -0.8 aralik,
   basliktan 8px sonra. Iki sinif: WordPress'in blok araligi kuralini
   (margin-block-start: 24px) yenmek icin. */
.idsa-degisim .idsa-degisim__ust {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 400;
	font-size: clamp(1.25rem, 2.08vw, 2.25rem);   /* tasarim 36 */
	line-height: 1.22;
	color: var(--wp--preset--color--contrast);
}

/* Baslik artik akademi adi: tasarimda Oswald 500, 60/68; ust satirla
   arasi 9px (WordPress'in 24px blok araligi eziliyor).
   Baslik H1'e cevrildiginde bu kurallar h2'de kalmisti: boyut ve aralik
   hic uygulanmiyor, baslik WordPress'in varsayilan h1'inde (54px)
   kaliyordu ve ekran daraldikca ust satirla ayni oranda kuculmuyordu. */
.idsa-degisim .idsa-degisim__ust + h1,
.idsa-degisim .idsa-degisim__ust + h2 {
	margin-block-start: 0.5625rem;
}

/*
 * Sag sutundaki tanitim metni.
 *
 * Tasarimda (Giris Ekrani 187:725) sol blok ile sag metin hem ustten
 * hem ALTTAN hizali: sol 935->1201, sag 938->1204. Sitede metin 24px
 * kaldigi icin 4 satira sigiyor ve alt hiza ~112px acikta kaliyordu;
 * tasarimdaki 32px'e cikinca satir sayisi artiyor ve iki sutun birlikte
 * bitiyor. "has-xxl-font-size" onceligini WordPress !important ile
 * bastigi icin burada da !important sart.
 */
.idsa-degisim .wp-block-column:last-child p {
	font-size: clamp(1.25rem, 1.85vw, 2rem) !important;   /* tasarim 32 */
	line-height: 1.2;
}

/* Tasarim 60 / 68,4 (1728'de 3.47vw); ust satirla ayni oranda kuculur,
   boylece "İSTANBUL DRAMA / SANAT AKADEMİSİ" kirilimi her genislikte korunur. */
.idsa-degisim h1,
.idsa-degisim h2 {
	font-size: clamp(2rem, 3.47vw, 3.75rem);
	line-height: 1.14;
}

/*
 * Sutunlar %34,44 + %57,34 (bkz. patterns/degisim.php); aradaki bosluk
 * tasarimda kalan %8,22. Blok araligi (spacing 80) sabit piksel oldugu
 * icin dar ekranda sutunlari sikistiriyordu; yuzde olunca oran her
 * genislikte ayni kaliyor. WordPress'in tek sinifli yerlesim kuralini
 * iki sinifla eziyor.
 */
.idsa-degisim .wp-block-columns {
	column-gap: 8.22%;
}

/* --- Yas gruplari ------------------------------------------- */

.idsa-yaslar {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
}

/*
 * Cover bloklarinin varsayilan dolgusunu sifirla; icerigi alta yasla.
 *
 * Yukseklik tasarimdaki 707px'te sabit. Bir ara giris ekraninin tamami
 * (bar + kartlar + serit + DEGISIMIN) tek goruntuye sigsin diye
 * kartlar goruntu yuksekligine gore kisaltiliyordu; kurum kartlarin
 * tam boyunu tercih etti. Sonucu: DEGISIMIN bolumu kucuk ekranlarda
 * katlamanin altinda kaliyor, kaydirmayla geliyor.
 */
.idsa-yaslar .wp-block-cover {
	padding: 0;
	min-height: 707px;
}

/*
 * Renk katmani: yukaridan asagi koyulasan gecis (Figma 165:349-352).
 * Uclar karttan geliyor (bkz. idsa_egitim_gradyan); zemin rengi
 * sinifi yine duruyor, gecis onun uzerine ciziliyor. Saydamligi
 * cover blogunun dimRatio'su veriyor.
 */
.idsa-yaslar .wp-block-cover__background {
	background-image: linear-gradient(180deg, var(--idsa-yas-ust), var(--idsa-yas-alt));
}

/* Cover'in kendisi flex (align-items: center). Kapsayiciyi dikeyde
   germek icin align-self: stretch gerekir; block-size: 100% kutuyu
   dolgu kadar tasirip alt boslugu goruntunun disina itiyordu. */
.idsa-yaslar .wp-block-cover__inner-container {
	box-sizing: border-box;
	align-self: stretch;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--wp--preset--spacing--60);
}

/* Kapsayiciyi flex yapinca cocuklari flex ogesine donusur ve
   WordPress'in "constrained" duzeninden gelen "margin-inline: auto"
   onlari icerik genisligine buzup ortalar. Bu bolumde tam en isteniyor. */
.idsa-yaslar .wp-block-cover__inner-container > * {
	inline-size: 100%;
	max-inline-size: none;
	margin-inline: 0;
}

.idsa-yas__etiket {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0 0 0.25rem;
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 400;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--base);
}

.idsa-yas__basrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.idsa-yas__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 800;
	font-size: clamp(1.75rem, 2.8vw, 3rem);
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--base);
}

/* Dairesel ok butonu */
.idsa-ok {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	flex: none;
	border: 2px solid var(--wp--preset--color--base);
	border-radius: 50%;
	color: var(--wp--preset--color--base);
	transition: background-color 0.2s ease, color 0.2s ease;
}

.idsa-ok svg { inline-size: 1.25rem; block-size: 1.25rem; }

.idsa-yas a:hover .idsa-ok,
.idsa-ok:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* Tum kolon tiklanabilir. Baglanti kolonu bastan sona kaplar, bu yuzden
   icerigi alta yaslamak da onun gorevi -- disaridaki kapsayiciya
   justify-content vermek yetmez, cunku bag zaten tam yuksekliktedir. */
.idsa-yas__link {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1;              /* block-size:100% dolguyu asiyordu; flex:1 dolguya saygi duyar */
	text-decoration: none;
}

/* Tablet: 2x2. Mobil: tasarimdaki gibi yatay bantlar */
@media (max-width: 1100px) {
	.idsa-yaslar { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
	.idsa-yaslar { grid-template-columns: 1fr; }
	.idsa-yaslar .wp-block-cover { min-height: 190px; }
	.idsa-yaslar .wp-block-cover__inner-container { padding: var(--wp--preset--spacing--30); }
	.idsa-yas__baslik { font-size: 2rem; }
}

/* --- Kayan serit (marquee) ---------------------------------- */

.idsa-serit {
	overflow: hidden;
	padding-block: 0.875rem;
	border-block: 1px solid rgba(59, 80, 88, 0.18);
	background: var(--wp--preset--color--base);
	/* Ekran okuyucular tekrarli icerigi iki kez okumasin diye
	   ikinci kopya aria-hidden isaretlidir (bkz. pattern). */
}

.idsa-serit__track {
	display: flex;
	inline-size: max-content;
	gap: 0;
	animation: idsa-kay 48s linear infinite;
}

/* Serit kesintisiz doner; uzerine gelince durmaz. (Onceden hover'da
   duruyordu, tasarimda surekli akmasi isteniyor.) Serit yalnizca
   dekoratif metin tasidigi icin duraklatma erisilebilirlik acisindan
   da gerekmiyor -- ayni icerik menude ve sayfalarda zaten var. */

.idsa-serit__grup {
	display: flex;
	align-items: center;
	gap: 2.25rem;
	padding-inline-end: 2.25rem;
	white-space: nowrap;
}

.idsa-serit__oge {
	display: inline-flex;
	align-items: center;
	gap: 2.25rem;
	/* Tasarim: DM Sans Medium 16 (onceki surumde Noto Serif 700 idi). */
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	font-size: 1rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.idsa-serit .idsa-shape { --idsa-shape-size: 1rem; }

@keyframes idsa-kay {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* Hareket tercihi burada DEGIL, asagidaki "Serit: hareket tercihi"
   bolumunde ele aliniyor. Burada animasyonu durduran daha eski bir blok
   vardi; asagidaki blok ayni seciciler ve ayni medya sorgusuyla onu
   tamamen eziyordu, yani olcumde hicbir etkisi yoktu (reduce modunda da
   animasyon calisiyordu). Ayni seyi soyleyen iki celiskili blok sonraki
   bakimda yaniltici oldugu icin olan kaldirildi. */

/* --- IDSA tanitim + foto kolaji ----------------------------- */

/* Genis ekranda: kolaj | metin | kolaj. Dar ekranda yalniz metin. */
.idsa-tanitim {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: clamp(1rem, 2.5vw, 3rem);
	/*
	 * Bolum tam genislikte. Onceden wide-size (1560px) ile sinirliydi ve
	 * "margin-inline: auto" ile ortalanmaya calisiyordu; ancak WordPress
	 * kisitli (constrained) bir ebeveynin icindeki alignfull cocuga
	 * ".has-global-padding > .alignfull" kuralindan negatif yan marj
	 * veriyor. O kural bizimkinden daha ozgul oldugu icin auto marj
	 * eziliyor ve bolum sola yapisiyordu (Hakkimizda sayfasinda 163px
	 * sola kayik goruniyordu).
	 *
	 * Cozum sinirli genisligi kaldirmak: tasarimda da kolajlar 1728'lik
	 * cercevede 29 ile 1700 arasinda, yani neredeyse kenarlara kadar
	 * uzaniyor. Yan bosluk o orandan (%1,68).
	 */
	max-inline-size: none;
	padding-inline: clamp(1rem, 1.68vw, 2rem);
	/* Dikey dolgu burada; desende satir ici verilirse sahne icinde
	   sifirlanamiyor (satir ici stil yalnizca !important ile ezilir).
	   Ust bosluk alttakinden dar: bolum ust bara daha yakin dursun. */
	padding-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--80);
}

/*
 * WordPress kok blok araligini kardes bloklara "margin-block-start"
 * olarak veriyor (ilk cocuk haric). Bu izgarada bosluk zaten "gap" ile;
 * marj kalirsa sag kolaj ve metin 24px asagi kayiyor ve sag sutundaki
 * fotograflar soldakilerle ayni hizada baslamiyordu. Secici, WordPress'in
 * kendi kuralindan daha ozgul olsun diye iki sinif tasiyor.
 */
.idsa-tanitim.wp-block-group > * {
	margin-block: 0;
}

/*
 * Metin sutunu tasarimda (Hakkımızda 209:839) 702 genis, iki yana yasli.
 * "İDSA" kutusu barin 55 altinda (y 168), slogan basligin kutusuna 26
 * biniyor (y 284), metin sloganin 43 altinda (y 360).
 */
.idsa-tanitim__metin {
	inline-size: 100%;
	max-inline-size: 702px;
}

/* WordPress cekirdegi bu sinifa stil vermiyor; metin sola yasli kaliyordu. */
.idsa-tanitim__metin .has-text-align-justify {
	text-align: justify;
}

/*
 * Telefonda satira 4-5 sozcuk sigiyor; iki yana yaslayinca sozcuk
 * aralarinda buyuk bosluklar kaliyordu. Dar ekranda sola yasli.
 */
@media (max-width: 700px) {
	.idsa-tanitim__metin .has-text-align-justify {
		text-align: start;
	}
}

/*
 * Bindirme basligin boyuna bagli: 96px'lik baslikta 26px (0,27em).
 * Sabit 26px iken telefonda (baslik ~50px) slogan harflerin ustune
 * biniyordu. Satir ici marjlari ezmek icin !important.
 */
.idsa-tanitim__metin h1 {
	margin-block-end: -0.27em !important;
}

.idsa-tanitim__metin h1 + p {
	margin-block: 0 2.6875rem !important;   /* 43 */
}

.idsa-kolaj {
	position: relative;
	display: none;          /* dar ekranda gizli */
	inline-size: 100%;
	/*
	 * Iki sutun ust kenarindan hizali. Ortalanmis olsalardi en-boy
	 * oranlari farkli oldugu icin (432/915 ve 362/911) esit genislikteki
	 * sutunlarda farkli boy tutuyor ve sagdaki fotograflar soldakilerden
	 * daha yukaridan basliyordu.
	 */
	align-self: start;
}

/*
 * Sag sutun soldan dar: tasarimda 362'ye 432. Genislik boyle
 * sinirlanmazsa esit sutunlarda sag kolaj %19 daha uzun cikiyor ve
 * fotograflar asagi tasiyor.
 */
.idsa-kolaj--sag {
	inline-size: 84.2%;
	margin-inline: auto;
}

.idsa-kolaj img {
	position: absolute;
	display: block;
	max-inline-size: none;
	block-size: auto;
	object-fit: cover;
	border-radius: 2px;
	box-shadow: 0 6px 20px rgba(35, 44, 48, 0.22);
	/* konum/olcu/donus satir ici stille gelir (Figma degerleri) */
}

@media (min-width: 1200px) {
	.idsa-tanitim {
		grid-template-columns: minmax(0, 1fr) minmax(0, 702px) minmax(0, 1fr);
		align-items: center;
	}

	/*
	 * Metin kolajlara gore dikeyde ortalaniyordu; kolajlar uzun oldugu
	 * icin baslik tasarimdan 63px asagida kaliyordu. Metin ustten
	 * basliyor; kolajlarin kendi hizasi degismiyor.
	 */
	.idsa-tanitim__metin {
		align-self: start;
		padding-block-start: clamp(0.5rem, 0.93vw, 1rem);   /* baslik y 168 */
	}

	.idsa-kolaj { display: block; }
}

/* --- Genel yardimcilar -------------------------------------- */

/* Gorsel olarak gizli ama ekran okuyucuya acik */
.screen-reader-text {
	position: absolute !important;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/*
 * Klavye ile gezinenler icin gorunur odak halkasi.
 *
 * :focus-visible sart -- duz :focus fareyle tiklayinca da tetikleniyor
 * ve tiklanan her kartin, her dugmenin etrafinda turuncu bir cerceve
 * birakiyor. theme.json'daki elements.link'e ":focus" outline'i
 * EKLEMEYIN; WordPress ondan ayri bir :focus kurali uretiyor ve bu
 * kural buradaki ayrimi devre disi birakiyordu.
 */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* --- Subeler ------------------------------------------------ */

.idsa-subeler {
	position: relative;
	display: flex;
	align-items: center;
	min-block-size: 467px;
	overflow: hidden;
	isolation: isolate;
}

.idsa-subeler__zemin {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	z-index: -2;
}

/* Tasarimda fotograf serit uzerine %37 opak krem perde var */
.idsa-subeler__perde {
	position: absolute;
	inset: 0;
	background: var(--wp--preset--color--base);
	opacity: 0.37;
	z-index: -1;
}

.idsa-subeler__liste {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	/* Tasarimda (1728 cerceve) uc kart 478px, aralik 50px, yan bosluk 97px;
	   oranlar korunsun diye ikisi de viewport yuzdesi. */
	gap: clamp(1rem, 2.9vw, 3.125rem);
	inline-size: 100%;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--60);
	padding-inline: clamp(1.25rem, 5.61vw, 6.0625rem);
	list-style: none;
}

.idsa-sube {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: var(--wp--preset--spacing--40);
	border: 6px solid;
	border-radius: 8px;
	/* Tasarimda kart zemini %89 opak krem */
	background: color-mix(in srgb, var(--wp--preset--color--base) 89%, transparent);
}

/*
 * Anasayfa seridindeki kartlar tasarimdaki olcude (Frame 11, 574:2442):
 * 478x195, ic bosluk sol 28 / ust 7 / alt 16, basliktan adrese ve
 * adresten numaraya 3px. Iletisim sayfasindaki kartlar genis kaliyor.
 */
.idsa-subeler .idsa-sube {
	gap: 0.1875rem;
	padding: 0.4375rem 1.75rem 1rem;
}

.idsa-subeler .idsa-sube__baslik {
	line-height: 1.475;          /* 40 / 59 */
}

.idsa-subeler .idsa-sube__adres {
	line-height: 1.25;           /* 16 / 20 */
}

.idsa-sube--mavi    { border-color: var(--wp--preset--color--primary); }
.idsa-sube--turuncu { border-color: var(--wp--preset--color--accent); }
.idsa-sube--gri     { border-color: var(--wp--preset--color--muted); }

.idsa-sube__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	font-size: clamp(1.75rem, 2.4vw, 2.5rem);
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

.idsa-sube__adres {
	margin: 0;
	font-size: 1rem;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
}

.idsa-sube__alt {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-block-start: auto;
	padding-block-start: 0.5rem;
}

/* Tasarim: tek numara, 20/400, 26 satir. */
.idsa-sube__tel {
	display: flex;
	flex-direction: column;
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.3;
}

.idsa-sube__tel a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.idsa-sube__tel a:hover { text-decoration: underline; }

.idsa-sube__yol {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex: none;
	/* Tasarimda buton 165x44 (1728 cerceve). Olcu dis kenara ait; dolgu
	   da iceride kalsin diye border-box. Dar kartta tasmasin diye
	   asgari genislik kartla birlikte kuculebiliyor. */
	box-sizing: border-box;
	min-inline-size: min(10.3125rem, 100%);
	padding: 0.6875rem 1.25rem;
	border-radius: 8px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font-size: 1rem;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.idsa-sube__yol:hover { background: var(--wp--preset--color--accent); }
.idsa-sube__yol svg   { inline-size: 1rem; block-size: 1rem; }

/* Arama + yol tarifi yan yana, aralarinda 4px (tasarim 825:1593). */
.idsa-sube__dugmeler {
	display: flex;
	flex: none;
	gap: 0.25rem;
	margin-inline-start: auto;
	/* Kart kenarina yapisik durmasinlar: sagda ve altta biraz nefes. */
	margin-inline-end: 0.375rem;
	margin-block-end: 0.5rem;
}

/*
 * Tasarimda numara adresin hemen altinda, dugmeler ise kartin sag
 * altinda: numaranin ust kenari dugmelerinkinden 23px yukarida.
 * Numara satirin ustune, dugmeler bu farkla alta yaslaniyor.
 */
.idsa-sube__alt:has(> .idsa-sube__tel) {
	align-items: flex-start;
	padding-block-start: 0;
}

.idsa-sube__tel + .idsa-sube__dugmeler {
	margin-block-start: 1.4375rem;
}

/* Tasarim: 50x44, kose 8, 24px ikon. */
.idsa-sube__ara {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	box-sizing: border-box;
	inline-size: 3.125rem;
	block-size: 2.75rem;
	border-radius: 8px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	transition: background-color 0.2s ease;
}

.idsa-sube__ara:hover { background: var(--wp--preset--color--accent); }
.idsa-sube__ara svg   { inline-size: 1.5rem; block-size: 1.5rem; }

/*
 * Dar kart: numara ile iki dugme yan yana ~400px'lik ic genislik
 * istiyor (numara ~170 + 12 bosluk + arama 50 + 4 + yol tarifi 165).
 * Kosul ekran degil KARTIN IC genisligi (container query icerik
 * kutusuna bakar): 1728'de kartin ici 410, 901-1280 arasinda uc kart
 * yan yana 180-290'a, telefonda kaydirmali seritte 212'ye iniyor.
 * Dar kartta numara tek satir kaliyor, dugmeler alta iniyor ve karti
 * boydan boya kapliyor.
 *
 * Esigin hemen ustunde numara uzun yazilirsa diye satir kirilmasi da
 * acik: sigmazsa dugmeler kendiliginden alt satira geciyor.
 */
.idsa-sube {
	container: idsa-sube / inline-size;
}

.idsa-sube__alt {
	flex-wrap: wrap;
	column-gap: 0.75rem;
}

.idsa-sube__tel {
	white-space: nowrap;
}

@container idsa-sube (max-width: 400px) {
	.idsa-sube__alt,
	.idsa-sube__alt:has(> .idsa-sube__tel) {
		flex-direction: column;
		align-items: stretch;
		gap: 0.75rem;
	}

	.idsa-sube__tel {
		white-space: nowrap;
	}

	.idsa-sube__tel + .idsa-sube__dugmeler {
		margin-block-start: 0;
	}

	.idsa-sube__dugmeler {
		margin-inline-start: 0;
	}

	.idsa-sube__yol {
		flex: 1;
		min-inline-size: 0;
	}
}

/* Mobil: tasarimdaki karusel yerine kaydirmali serit (JS gerektirmez) */
@media (max-width: 900px) {
	.idsa-subeler__liste {
		grid-auto-flow: column;
		grid-auto-columns: minmax(280px, 85%);
		grid-template-columns: none;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding: var(--wp--preset--spacing--40);
	}

	.idsa-sube { scroll-snap-align: center; }

}

/* --- Etkinlik takvimi --------------------------------------- */

.idsa-takvim {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
	gap: var(--wp--preset--spacing--40);
	/*
	 * "start" iken kart sutunu icerigi kadar kaliyor ve takvim panelinden
	 * kisa bitiyordu; "stretch" ile iki sutun ayni yukseklikte, yani en
	 * ustteki kartin ustu panelin ustuyle, en alttakinin alti panelin
	 * altiyla hizali.
	 */
	align-items: stretch;
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
	scroll-margin-block-start: 7rem;   /* yapiskan ust bar (112px) altinda kalmasin */
}

/* Ay ya da sube degisirken yeni takvim gelene kadar (bkz. idsa.js). */
.idsa-takvim[aria-busy="true"] {
	opacity: 0.6;
	cursor: progress;
	transition: opacity 0.15s ease;
}

.idsa-takvim__panel {
	padding: var(--wp--preset--spacing--60);
	border-radius: 28px;
	background: var(--idsa-takvim-renk, var(--wp--preset--color--primary));
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
	transition: background-color 0.3s ease;
}

.idsa-takvim__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block-end: var(--wp--preset--spacing--50);
}

.idsa-takvim__baslik {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	/* Satir arasi dar, baslik ile sube secici arasi genis: ikisi tek
	   kelime gibi okunmasin. */
	gap: 0.35rem clamp(0.875rem, 1.6vw, 1.5rem);
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	font-size: clamp(1.25rem, 2vw, 1.75rem);
	line-height: 1.2;
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
}

.idsa-takvim__sube {
	font-size: 0.8em;
	opacity: 0.85;
}

.idsa-takvim__ay {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.875rem;
	letter-spacing: 0.08em;
}

.idsa-takvim__ok {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* Kurumun istegiyle buyudu: 28 -> 44 (dokunma hedefi de 44). */
	inline-size: 2.75rem;
	block-size: 2.75rem;
	border-radius: 50%;
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.idsa-takvim__ok:hover { background: color-mix(in srgb, currentColor 18%, transparent); }
.idsa-takvim__ok svg   { inline-size: 1.625rem; block-size: 1.625rem; }
.idsa-takvim__yil      { opacity: 0.7; }

/*
 * Ay adinin alani en uzun aya ("AĞUSTOS 2026", 16px'te 131) gore sabit:
 * onceden alan ayin adi kadardi, oklar her ayda baska yere kayiyordu ve
 * Ağustos'ta secici basligin yanina sigmayip alt satira dusuyordu
 * (tasarimda basligin hizasinda, sagda). Oklarla ad arasi da bu yuzden
 * 12'den 8'e indi.
 */
.idsa-takvim__ay {
	flex: none;
	gap: 0.5rem;
	white-space: nowrap;
}

.idsa-takvim__ayadi {
	min-inline-size: 8.25em;
	text-align: center;
}

/*
 * Genis ekranda ay secici hep basligin hizasinda, sagda kalir (tasarim).
 * Yer yetmediginde onceden secici alt satira dusuyordu; simdi basligin
 * kendisi daraliyor ve "KONUM SEÇ" basligin altina geciyor.
 *
 * Buyuk ekranda (1280+) bu alt satira dusme olmasin: baslik yazisi
 * satirin genisligine gore kuculuyor ki "İDSA ETKİNLİK TAKVİMİ", sube
 * secici ve ay secici tek satira sigsin. Hesap en uzun secici yazisina
 * ("TÜM ŞUBELER") gore: baslik genisligi 15,6 x yazi boyu; ay secici
 * (44'luk oklarla) ve araligi 15,5rem. En buyuk boy 32.
 */
@media (min-width: 901px) {
	.idsa-takvim__ust {
		flex-wrap: nowrap;
		align-items: flex-start;
		container-type: inline-size;
	}

	/*
	 * Iki sinifli secici: dosyanin ilerisindeki genel kural (2.2vw)
	 * bunu eziyordu. Kurumun istegiyle en buyuk boy 38'den 32'ye indi.
	 */
	.idsa-takvim__ust .idsa-takvim__baslik,
	.idsa-takvim__ust .idsa-takvim__secici > summary {
		font-size: clamp(1.25rem, calc((100cqi - 15.5rem) / 15.6), 2rem);
	}

	.idsa-takvim__baslik {
		flex: 0 1 auto;
		min-inline-size: 0;
	}

	.idsa-takvim__ay {
		/* Oklarin ortasi basligin ilk satirinin ortasinda: satir 1.2 x
		   baslik boyu (yukaridaki formul), oklar 2.75rem. */
		margin-block-start: calc((1.2 * clamp(1.25rem, calc((100cqi - 15.5rem) / 15.6), 2rem) - 2.75rem) / 2);
	}
}

/* Sube secici: <details> ile, JS'siz acilir menu */
.idsa-takvim__secici {
	position: relative;
}

.idsa-takvim__secici > summary {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	cursor: pointer;
	list-style: none;          /* Firefox ucgenini gizle */
	user-select: none;
}

.idsa-takvim__secici > summary::-webkit-details-marker { display: none; }

.idsa-takvim__secici > summary svg {
	inline-size: 1.1rem;
	block-size: 1.1rem;
	transition: transform 0.2s ease;
}

.idsa-takvim__secici[open] > summary svg { transform: rotate(180deg); }

.idsa-takvim__subeler {
	position: absolute;
	z-index: 5;
	inset-inline-start: 0;
	inset-block-start: calc(100% + 0.5rem);
	min-inline-size: 12rem;
	margin: 0;
	padding: 0.375rem;
	border-radius: 8px;
	background: var(--wp--preset--color--base);
	box-shadow: 0 10px 30px rgba(35, 44, 48, 0.28);
	list-style: none;
}

.idsa-takvim__subeler a {
	display: block;
	padding: 0.5rem 0.75rem;
	border-radius: 6px;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--condensed);
	font-size: 1rem;
	letter-spacing: 0.02em;
	text-decoration: none;
}

.idsa-takvim__subeler a:hover,
.idsa-takvim__subeler a:focus-visible {
	background: color-mix(in srgb, var(--idsa-takvim-renk, #2854AD) 12%, transparent);
}

.idsa-takvim__subeler a[aria-current="true"] {
	background: var(--idsa-takvim-renk, var(--wp--preset--color--primary));
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
}

/* --- Izgara --- */

.idsa-takvim__izgara {
	inline-size: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.idsa-takvim__izgara th {
	padding-block-end: var(--wp--preset--spacing--30);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
	opacity: 0.85;
}

.idsa-takvim__izgara th abbr {
	text-decoration: none;
	border: 0;
}

.idsa-takvim__izgara td {
	block-size: 3rem;
	text-align: center;
	vertical-align: middle;
}

.idsa-takvim__rakam {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 2rem;
	block-size: 2rem;
	border-radius: 50%;
	font-size: 0.9375rem;
	line-height: 1;
}

/* Etkinlik olan gun: turuncu halka. Bugun: dolu kare cerceve.
   Ikisi ayni anda olabilir, bu yuzden farkli gorsel dil kullanildi. */
.idsa-takvim__gun--etkinlik .idsa-takvim__rakam {
	/* Turuncu panelde mavi (bkz. render.php, --idsa-takvim-isaret). */
	box-shadow: inset 0 0 0 2px var(--idsa-takvim-isaret, var(--wp--preset--color--accent));
}

.idsa-takvim__gun--bugun .idsa-takvim__rakam {
	background: var(--idsa-takvim-metin, var(--wp--preset--color--base));
	color: var(--idsa-takvim-renk, var(--wp--preset--color--primary));
	font-weight: 700;
}

/* --- Yaklasan etkinlik kartlari --- */

.idsa-takvim__kartlar {
	position: relative;          /* kaydirma oklari buna gore konumlaniyor */
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	/* Sutun panel kadar uzun; tasan kisim listenin kendi icinde kayiyor. */
	block-size: 100%;
	min-block-size: 0;
}

/*
 * Kaydirilabilir etkinlik listesi.
 *
 * min-block-size:0 sart: flex ogesi varsayilan olarak icerigi kadar
 * kuculebiliyor, o olmadan liste tasiyor ve overflow hic devreye
 * girmiyor. Kaydirma cubugu gizli -- gezinme oklarla ve tekerlekle;
 * klavye icin liste odaklanabilir (tabindex render.php'de).
 */
.idsa-takvim__liste {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	flex: 1 1 auto;
	min-block-size: 0;
	overflow-y: auto;
	scrollbar-width: none;
	overscroll-behavior: contain;
}

.idsa-takvim__liste::-webkit-scrollbar { display: none; }

/*
 * Genis ekranda panelin yuksekligi belirleyici.
 *
 * Grid satirinin yuksekligini en UZUN sutun belirledigi icin, kartlar
 * coksa takvim paneli de onlar kadar uzuyordu. Liste mutlak konuma
 * alininca akistan cikiyor: satiri panel belirliyor, kart sutunu da
 * stretch ile ayni boya geliyor. Tasan kartlar listenin kendi icinde
 * kaliyor.
 *
 * Dar ekranda sutunlar alt alta; orada mutlak konum sutunu sifir
 * yukseklige dusurecegi icin liste normal akista birakiliyor.
 */
@media (min-width: 901px) {
	.idsa-takvim__liste {
		position: absolute;
		inset: 0;
	}

}

/*
 * Listeyi kaydiran oklar.
 *
 * Sinif adi bilerek ay oklarindan (.idsa-takvim__ok) AYRI: ikisi ayni
 * adi tasiyinca buradaki turuncu yuvarlak, basliktaki sade ay oklarini
 * da eziyordu.
 *
 * Konum: biri listenin ust kenarinin, digeri alt kenarinin ortasinda,
 * yarisi disariya tasacak sekilde. Kapsayici tiklamayi gecirmiyor
 * (pointer-events), yoksa kartlarin uzerinde gorunmez bir katman olarak
 * dururdu.
 *
 * "display" yalnizca gizli DEGILKEN veriliyor: tek basina yazilirsa
 * [hidden] ozniteligini eziyor ve oklar tasma olmayan ekranlarda da
 * ciziliyordu.
 */
.idsa-takvim__oklar:not( [hidden] ) {
	display: block;
}

.idsa-takvim__oklar {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.idsa-takvim__kaydir {
	position: absolute;
	inset-inline-start: 50%;
	display: grid;
	place-items: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	pointer-events: auto;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

.idsa-takvim__kaydir--yukari {
	inset-block-start: 0;
	translate: -50% -50%;
}

.idsa-takvim__kaydir--asagi {
	inset-block-end: 0;
	translate: -50% 50%;
}

.idsa-takvim__kaydir:hover { background: var(--wp--preset--color--contrast); }

.idsa-takvim__kaydir[disabled] { opacity: 0.45; cursor: default; }

.idsa-takvim__kaydir svg { inline-size: 1.25rem; block-size: 1.25rem; }

.idsa-kart {
	border-radius: 12px;
	background: var(--idsa-takvim-renk, var(--wp--preset--color--primary));
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
	transition: background-color 0.3s ease;
}

/* Kart tiklanmiyor: uzerine gelince kalkma ya da imlec degisimi yok ki
   ziyaretci bir yere goturecegini sanmasin. */
.idsa-kart__bag {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40);
}

.idsa-kart__tarih {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
	line-height: 1;
}

.idsa-kart__gun {
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 800;
	font-size: 2.75rem;
	letter-spacing: -0.04em;
}

.idsa-kart__ay {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.idsa-kart__hafta {
	font-size: 0.6875rem;
	opacity: 0.8;
}

.idsa-kart__govde {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.idsa-kart__baslik {
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 1.15;
	text-transform: uppercase;
}

.idsa-kart__altbaslik {
	font-size: 0.8125rem;
	opacity: 0.8;
}

.idsa-kart__ozet {
	margin: 0.375rem 0 0;
	font-size: 0.875rem;
	line-height: 1.35;
}

.idsa-takvim__uyari {
	margin: 0;
	padding: var(--wp--preset--spacing--40);
	border: 1px dashed var(--wp--preset--color--muted);
	border-radius: 12px;
	color: var(--wp--preset--color--contrast);
}

@media (max-width: 900px) {
	.idsa-takvim { grid-template-columns: 1fr; }

	.idsa-takvim__panel { padding: var(--wp--preset--spacing--40); }

	.idsa-takvim__izgara td { block-size: 2.5rem; }

	.idsa-kart__gun { font-size: 2.25rem; }
}

/* --- Yas grubu hover durumu --------------------------------- */

/* Kapali durumda yer kaplamamasi icin grid satiri 0fr -> 1fr acilir.
   max-height ile yapilan cozumden farkli olarak metnin gercek
   yuksekligine gore acilir, ustten kirpilmaz. */
.idsa-yas__ac {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 0.35s ease, opacity 0.25s ease;
}

/* Tek grid ogesi: acilip kapanan tum icerik bunun icinde durur. */
.idsa-yas__ac-ic {
	display: block;
	overflow: hidden;
	min-block-size: 0;
}

.idsa-yas__aciklama {
	display: block;
	padding-block-start: 0.75rem;
	font-size: 1rem;
	line-height: 1.35;
	color: var(--wp--preset--color--base);
}

.idsa-yas__buton {
	display: inline-block;
	margin-block-start: 1rem;
	padding: 0.625rem 1.5rem;
	border-radius: 8px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
	font-size: 0.9375rem;
}

.idsa-ok { transition: opacity 0.25s ease, background-color 0.2s ease, color 0.2s ease; }

/* Isaretleyicisi olan cihazlarda ac/kapa; dokunmatikte hep acik kalir
   ki hover'i olmayan kullanici metni goremez duruma dusmesin. */
@media (hover: hover) {
	.idsa-yas:hover .idsa-yas__ac,
	.idsa-yas:focus-within .idsa-yas__ac {
		grid-template-rows: 1fr;
		opacity: 1;
	}

	/* Buton belirince ok gereksiz kalir */
	.idsa-yas:hover .idsa-ok,
	.idsa-yas:focus-within .idsa-ok {
		opacity: 0;
	}
}

/* Dokunmatik tablet: hover yok, aciklama acik dursun.
   Telefon boyutu asagida ayrica ele aliniyor. */
@media (hover: none) and (min-width: 701px) {
	.idsa-yas__ac {
		grid-template-rows: 1fr;
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.idsa-yas__ac { transition: none; }
}

/* --- Kaydirinca beliren ogeler ------------------------------ */

/*
 * Fotograflar once dagink ve biraz uzakta durur, sonra sirayla
 * yerlerine oturur: asagidan hafifce kayarak, buyuyerek ve belirerek.
 * Konum ve donus satir ici "transform" ile geldigi icin animasyon
 * bagimsiz "translate" ve "scale" ozellikleriyle yapiliyor; ikisi
 * transform'dan once uygulanir ve onunla cakismaz.
 *
 * Metin once yerlesip fotograflar arkasindan gelsin diye ortak bir
 * baslangic gecikmesi var (bkz. --idsa-kolaj-gecikme).
 */
.idsa-kolaj {
	--idsa-kolaj-gecikme: 0.3s;
}

.idsa-kolaj img {
	opacity: 0;
	scale: 0.86;
	translate: 0 34px;
	transition:
		opacity 0.8s ease,
		scale 0.8s cubic-bezier(0.22, 1, 0.36, 1),
		translate 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.idsa-kolaj.idsa-gorunur img {
	opacity: 1;
	scale: 1;
	translate: none;
}

/* Sirayla: her fotograf bir oncekinden 0.1s sonra yerine oturur */
.idsa-kolaj img:nth-child(1) { transition-delay: calc(var(--idsa-kolaj-gecikme) + 0.00s); }
.idsa-kolaj img:nth-child(2) { transition-delay: calc(var(--idsa-kolaj-gecikme) + 0.10s); }
.idsa-kolaj img:nth-child(3) { transition-delay: calc(var(--idsa-kolaj-gecikme) + 0.20s); }
.idsa-kolaj img:nth-child(4) { transition-delay: calc(var(--idsa-kolaj-gecikme) + 0.30s); }
.idsa-kolaj img:nth-child(5) { transition-delay: calc(var(--idsa-kolaj-gecikme) + 0.40s); }
.idsa-kolaj img:nth-child(6) { transition-delay: calc(var(--idsa-kolaj-gecikme) + 0.50s); }

/* Sag sutun soldan biraz sonra baslasin; ikisi ayni anda "patlamasin" */
.idsa-kolaj--sag { --idsa-kolaj-gecikme: 0.45s; }

/* --- Sube zemini: kayan foto serit --------------------------- */

/*
 * Tasarimda fotograflar 535 yuksek, bant 467: serit bandin 20px
 * ustunden baslayip altta tasiyor (bant kirpiyor). top ve height
 * yuzdeleri bandin yuksekligine gore; bant uzasa da oran korunuyor.
 */
.idsa-subeler__serit {
	position: absolute;
	inset-block: -4.28% auto;     /* -20 / 467 */
	inset-inline-start: 0;
	display: flex;
	inline-size: max-content;
	block-size: 114.56%;          /* 535 / 467 */
	z-index: -2;
	animation: idsa-serit-kay 60s linear infinite;
}

.idsa-subeler__serit img {
	display: block;
	block-size: 100%;
	inline-size: auto;
	max-inline-size: none;
	object-fit: cover;
}

@keyframes idsa-serit-kay {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.idsa-subeler__serit { animation: none; }
}

/* --- Sayfa basligi banti ------------------------------------ */

.idsa-sayfa-hero .wp-block-cover__inner-container {
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
}


/* --- Iletisim sayfasi --------------------------------------- */

.idsa-iletisim {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Iletisim kartlari sube kartlariyla ayni gorsel dili kullanir,
   ancak foto zemin uzerinde degil krem zemindedir. */
.idsa-iletisim .idsa-sube {
	background: var(--wp--preset--color--base);
}

/* --- Mobil duzeltmeleri ------------------------------------- */

/*
 * Dokunmatikte hover yok, bu yuzden aciklama normalde hep acik kalir.
 * Ancak tasarimin mobil ekraninda bantlar sade: yalnizca yas, baslik
 * ve ok var; aciklama zaten tiklanan sayfada. Bu yuzden dar ekranda
 * aciklamayi kapatip oku geri getiriyoruz.
 */
@media (max-width: 700px) {
	.idsa-yas__ac {
		display: none;
	}

	.idsa-yas .idsa-ok {
		opacity: 1;
	}

	.idsa-yaslar .wp-block-cover {
		min-height: 190px;
	}

	.idsa-yas__etiket {
		font-size: 1rem;
	}
}

/* Izgarayi kendi CSS'imiz kuruyor; WordPress'in blok araligindan gelen
   dikey marj bantlar arasinda krem serit birakiyordu. */
.idsa-yaslar > * {
	margin-block: 0;
}

/* --- Tasarim sistemine gore ince ayarlar -------------------- */

/*
 * "Egitimler Web" bilesen setinde hover varyanti: bir kolonun uzerine
 * gelindiginde yalnizca o kolon buton gostermekle kalmiyor, DIGER
 * kolonlarin oklari da gizleniyor. Dikkat tek karta toplaniyor.
 */
@media (hover: hover) {
	.idsa-yaslar:hover .idsa-ok,
	.idsa-yaslar:focus-within .idsa-ok {
		opacity: 0;
	}
}

/*
 * Takvimde iki isaret birbirinden ayrilir (tasarimdaki gibi):
 *   etkinlik olan gun -> turuncu DAIRE halka
 *   bugun             -> acik renk KARE cerceve
 * Ayni gun ikisini birden tasiyabilir.
 */
.idsa-takvim__gun--bugun .idsa-takvim__rakam {
	background: transparent;
	/* Acik zeminli subede (Yesilkoy) koyu; bkz. --idsa-takvim-metin. */
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
	font-weight: 500;
	border: 1px solid var(--idsa-takvim-metin, var(--wp--preset--color--base));
	border-radius: 3px;
}

/* ============================================================
   Acilis (bekleme) ekrani
   ------------------------------------------------------------
   Prototip: Bekleme Ekrani --ON_CLICK--> Giris Ekrani
             MOVE_OUT, yon = TOP, 500ms, LINEAR
   MOVE_OUT: mevcut ekran yukari kayarak cekilir, altindaki
   giris ekrani oldugu yerde durur ve aciga cikar.
   ============================================================ */

.idsa-acilis {
	position: fixed;
	inset: 0;
	z-index: 200;              /* yapiskan ust bar 100 */
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wp--preset--color--base);
	transform: translateY(0);
	/* Tasarimdaki MOVE_OUT 500ms; ekranda fark edilmedigi icin
	   bilerek yavaslatildi. */
	transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
	will-change: transform;
}

/* Cikis: yukari kay. MOVE_OUT/TOP karsiligi. */
.idsa-acilis--cikis {
	transform: translateY(-100%);
}

.idsa-acilis__ic {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-inline: var(--wp--preset--spacing--40);
}

/*
 * Logo tasarimda 233x141, ekranin ustunde ve sekillerden 72px once.
 * Onceki surumde acilis ekraninda logo yoktu.
 */
.idsa-acilis__logo {
	inline-size: clamp(9.5rem, 13.5vw, 14.5625rem);
	block-size: auto;
	margin-block-end: clamp(2rem, 4.2vw, 4.5rem);
	/*
	 * Optik ortalama: logo geometrik olarak tam ortada, ama sagdaki uzun
	 * "l" cizgisi onu goze saga kaymis gosteriyor (kurumun geri
	 * bildirimi, 23 Eylul). Kurumun denemeleriyle ayarlandi: genisligin
	 * %7'si sola, sonra masaustunde 16px saga.
	 */
	translate: calc(-7% + 16px) 0;
}

/*
 * Telefonda logo kucuk (152px); %7 orada fazla sola kaciyordu. Kurumun
 * denemeleriyle ayarlandi: %3.5 sola, sonra 10px saga.
 */
@media (max-width: 700px) {
	.idsa-acilis__logo {
		translate: calc(-3.5% + 10px) 0;
	}
}

/* Sekiller tasarimda farkli boyutlarda: daire 44, ucgen 59,
   kare 44, elmas 52; aralarindaki bosluk 30px. */
.idsa-acilis__sekiller {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-block-end: 8px;
}

.idsa-acilis__sekiller .idsa-shape--circle   { --idsa-shape-size: 44px; }
/*
 * Ucgen tasarimda 60x59, yani digerlerinden (45x44) belirgin iri.
 * Ekranda fazla buyuk durdugu icin 48'e cekildi: ayni kutuda ucgenin
 * dolu alani kareden az oldugu icin tam 44'e esitlenmiyor, 4px pay
 * birakiliyor. Bilincli bir tasarim sapmasi.
 */
.idsa-acilis__sekiller .idsa-shape--triangle { --idsa-shape-size: 48px; }
.idsa-acilis__sekiller .idsa-shape--square   { --idsa-shape-size: 44px; }
.idsa-acilis__sekiller .idsa-shape--diamond  { --idsa-shape-size: 52px; }

.idsa-acilis__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	font-size: clamp(1.5rem, 3.4vw, 2.625rem);   /* 42px */
	line-height: 1.48;                            /* 62/42 */
	color: var(--wp--preset--color--contrast);
}

/*
 * Slogan tasarimda duz renk degil, yatay GRADYAN ile boyanmis.
 * Figma tutamaci metin kutusunun disina tasiyor (-9.77% .. 112.04%),
 * duraklar o araliga gore yeniden hesaplandi.
 */
/* Slogan ve ok yan yana; ok tasarimda 34px. */
/*
 * Ortalanan yalnizca slogan yazisi. Ok akista dursa yazi + ok birlikte
 * ortalaniyor, yazi 19px sola kayiyordu (olcum: 1440px'te -18.7); ok bu
 * yuzden yazinin sagina mutlak konumla asiliyor, ortalamaya katilmiyor.
 */
.idsa-acilis__slogan {
	position: relative;
	margin: 34px 0 0;
	font-family: var(--wp--preset--font-family--serif-alt);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(1.25rem, 2.6vw, 2rem);       /* 32px */
	line-height: 1.375;
	background-image: linear-gradient(
		90deg,
		#E0633C -9.77%,
		#2854AD 36.43%,
		#73ABB9 80.04%,
		#22343A 112.04%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.idsa-acilis__ok {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: calc(100% + 9px);    /* tasarimdaki 9px aralik */
	translate: 0 -50%;
	inline-size: clamp(1.25rem, 1.97vw, 2.125rem);
	block-size: clamp(1.25rem, 1.97vw, 2.125rem);
	color: var(--wp--preset--color--contrast);
}


/* background-clip:text desteklenmiyorsa metin gorunmez kalmasin */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.idsa-acilis__slogan {
		background-image: none;
		color: var(--wp--preset--color--primary);
	}
}

/* Acilis acikken arka plan kaymasin */
body.idsa-acilis-acik {
	overflow: hidden;
}

/* ============================================================
   Ust menu (sag) ve Subelerimiz acilir paneli
   ============================================================ */

/*
 * Ogeler bar yuksekligi boyunca gerilir (align-items: stretch), metin
 * her birinin icinde dikeyde ortalanir. Boylece:
 *  - <summary> ile duz baglantilarin metin hizasi birebir ayni olur
 *    (once summary'ye verilen alt dolgu yaziyi 3px yukari kaydiriyordu),
 *  - acik ogenin alt cizgisi barin alt kenarina oturur.
 */
.idsa-nav {
	display: flex;
	align-self: stretch;
	align-items: stretch;
	gap: clamp(1rem, 2.43vw, 2.625rem);  /* tasarim 36-43 (Component 17) */
}

.idsa-nav__bag {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;                  /* tasarim: ok metinden 8px sonra */
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 300;                             /* tasarim 24/300, -0.96 */
	font-size: clamp(1.0625rem, 1.39vw, 1.5rem);
	letter-spacing: -0.04em;
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	white-space: nowrap;
}

.idsa-nav__bag:hover { color: var(--wp--preset--color--accent); }

.idsa-nav__acilir {
	position: relative;
	display: flex;
	align-items: stretch;
}

.idsa-nav__acilir > summary {
	cursor: pointer;
	list-style: none;             /* Firefox ucgeni */
	display: flex;
	align-items: center;
	/* Alt dolgu yok: yaziyi komsularina gore yukari kaydiriyordu. */
}

.idsa-nav__acilir > summary::-webkit-details-marker { display: none; }

.idsa-nav__ok {
	inline-size: 1rem;            /* tasarim 16x9 */
	block-size: 0.5625rem;
	transition: transform 0.25s ease;
}

.idsa-nav__acilir[open] > summary .idsa-nav__ok { transform: rotate(180deg); }

/* Acikken menu ogesinin altinda koyu cizgi (tasarimda 3px). Oge bar
   yuksekligi boyunca gerildigi icin, cizgiyi barin dikey dolgusu kadar
   asagi tasimak onu tam olarak barin alt kenarina oturtur. */
.idsa-nav__acilir[open] > summary::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: calc(-1 * var(--wp--preset--spacing--20));
	block-size: 3px;
	background: var(--wp--preset--color--contrast);
}

/* --- Acilir panel --- */

/*
 * Tasarimda panel bagli oldugu menu ogesinin SOL kenarina hizali ve
 * ondan 6px disari tasiyor; en sagdaki iki menude ekran disina tasmasin
 * diye asagida saga hizalanma kurali var.
 */
.idsa-nav__panel {
	position: absolute;
	z-index: 20;
	inset-inline-start: -0.375rem;
	inset-block-start: calc(100% + var(--wp--preset--spacing--20));
	inline-size: max(282px, 18vw);
	padding: 0.875rem 1.8125rem 2.3125rem;   /* tasarim 14 / 29 / 37 */
	background: var(--wp--preset--color--base);
	/*
	 * Tasarimda panel duz krem; sayfanin ustunde fotograf oldugunda
	 * sinir kalmadigi icin hafif bir golge birakildi.
	 */
	box-shadow: 0 18px 40px rgba(35, 44, 48, 0.12);
}

/* Sagdaki iki menu (Şubeler, Bize Ulaşın ya da sonradan eklenenler):
   panel ekran disina cikmasin diye saga hizali. */
.idsa-nav__acilir:nth-last-child(-n+2) .idsa-nav__panel {
	inset-inline-start: auto;
	inset-inline-end: -0.375rem;
}

.idsa-nav__subeler {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Tasarim (841:1946): panel 366 genis, sol 35 / ust 24 / sag 62 / alt 33
 * dolgu; satirlar 56 yuksek ve 32 aralikli, ayrac yok.
 */
.idsa-nav__panel:has(.idsa-nav__subeler) {
	inline-size: max-content;
	padding: 1.5rem 3.875rem 2.0625rem 2.1875rem;
}

.idsa-nav__subeler > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.875rem;
}

.idsa-nav__subeler > li + li {
	margin-block-start: 2rem;
}

.idsa-nav__sube {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.idsa-nav__sube-ad {
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 300;
	letter-spacing: -0.04em;
	font-size: 1.25rem;           /* 20px */
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

/* Sube adi subenin sayfasina bag; numaradaki gibi uzerine gelince cizgi. */
.idsa-nav__sube-ad:hover,
.idsa-nav__sube-ad:focus-visible { text-decoration: underline; }

/*
 * Tasarimda sube adi 20/500, numara 20/400. Diger acilir menulerdeki
 * (Eğitimler, Hakkımızda...) 20/300 ve -0.04em aralikli yazinin yaninda
 * daha buyuk gorunuyordu; kurum butun menulerin ayni gorunmesini
 * istedi, bu panel de 300 / -0.04em.
 */
.idsa-nav__tel {
	font-weight: 300;
	letter-spacing: -0.04em;
	font-size: 1.25rem;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	white-space: nowrap;
}

.idsa-nav__tel:hover { text-decoration: underline; }

/* Yuvarlak arama butonu */
.idsa-nav__ara {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	inline-size: 3.5rem;      /* tasarim 56 */
	block-size: 3.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	transition: background-color 0.2s ease;
}

.idsa-nav__ara:hover { background: var(--wp--preset--color--accent); }

/* Panelin altindaki "Tüm Şubeleri Gör" bagi (tasarim 583:3007). */
.idsa-nav__tumu {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-block-start: 1.5rem;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 300;
	letter-spacing: -0.04em;
	font-size: 1.25rem;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
}

.idsa-nav__tumu:hover { color: var(--wp--preset--color--accent); }

.idsa-nav__tumu svg {
	inline-size: 1.5rem;
	block-size: 1.5rem;
}
.idsa-nav__ara svg   { inline-size: 1.625rem; block-size: 1.625rem; }   /* tasarim 26 */

@media (max-width: 900px) {
	.idsa-nav        { gap: 0.9rem; }
	.idsa-nav__bag   { font-size: 1rem; }
	.idsa-nav__panel { inline-size: min(88vw, 320px); }
}

/* ============================================================
   Yas kartlari: uzerine gelinen kart genisler
   ------------------------------------------------------------
   Tasarimda hover'lanan kolon belirgin sekilde buyuyor, digerleri
   daralarak yer aciyor (yaklasik 34% / 22% / 22% / 22%).
   Bunun icin genis ekranda izgara yerine FLEX kullaniyoruz:
   grid-template-columns gecise girmez, flex-grow girer.
   ============================================================ */

@media (min-width: 1100px) {
	.idsa-yaslar {
		display: flex;
	}

	.idsa-yaslar > .idsa-yas {
		flex: 1 1 0;
		min-inline-size: 0;
		transition: flex-grow 0.45s cubic-bezier(0.25, 0.8, 0.3, 1);
	}

	/* Bir karta gelindiginde: o kart buyur, digerleri daralir */
	.idsa-yaslar:hover > .idsa-yas,
	.idsa-yaslar:focus-within > .idsa-yas {
		flex-grow: 0.78;
	}

	/*
	 * 1.23 / 0.78 orani tasarimdaki paylara denk gelir:
	 *   1.23 / (1.23 + 3 x 0.78) = %34.4  (hover'lanan)
	 *   0.78 / (1.23 + 3 x 0.78) = %21.8  (digerleri)
	 */
	.idsa-yaslar > .idsa-yas:hover,
	.idsa-yaslar > .idsa-yas:focus-within {
		flex-grow: 1.23;
	}

	/* Daralan kartlarda baslik tasmasin */
	.idsa-yas__baslik {
		overflow-wrap: break-word;
	}
}

@media (prefers-reduced-motion: reduce) {
	.idsa-yaslar > .idsa-yas { transition: none; }
}

/* ============================================================
   Hareket azaltma tercihinde ince ayar
   ------------------------------------------------------------
   Onceki surumde bu tercih tum animasyonlari kapatiyordu; sonuc
   olarak acilis ekrani hic gorunmuyor, kart genislemesi anlik
   sicriyordu. Dogru ayrim su:
     - SURELI/BUYUK HAREKET (kayan serit, yukari kayma) kapatilir
     - OPAKLIK gecisleri ve kucuk, kullanicinin kendi tetikledigi
       boyut degisimleri korunur; bunlar vestibuler tetikleyici degil
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
	/* Kart genislemesi: kapatmak yerine kisalt. Kullanici kendi
	   tetikliyor ve degisim kucuk. */
	.idsa-yaslar > .idsa-yas {
		transition: flex-grow 0.25s ease;
	}

	/* Kolaj: buyume ve kayma kucultulur ama kaldirilmaz -- efektin
	   tamamen kaybolmasi istenmiyor. */
	.idsa-kolaj img {
		scale: 0.95;
		translate: 0 16px;
	}

	.idsa-kolaj.idsa-gorunur img {
		scale: 1;
		translate: none;
	}

	/* Acilis katmani kayarak degil, sonerek cikar. */
	.idsa-acilis {
		transition: opacity 0.7s ease;
	}

	.idsa-acilis--cikis {
		transform: none;
		opacity: 0;
	}
}

/* Kart genislemesini daha yumusak yap: easeOutQuint benzeri egri,
   biraz daha uzun sure. flex-grow her karede duzen hesabi tetikler,
   tarayiciya niyeti bildirmek yardimci olur. */
.idsa-yaslar > .idsa-yas {
	will-change: flex-grow;
}

@media (min-width: 1100px) {
	.idsa-yaslar > .idsa-yas {
		transition: flex-grow 0.55s cubic-bezier(0.22, 1, 0.36, 1);
	}
}

/* ============================================================
   Kayan serit her kosulda doner
   ------------------------------------------------------------
   Onceki surumde hareket azaltma tercihinde duruyordu. Kurum
   seridin surekli akmasini acikca istedi; tercih edildigi bilinerek
   bu bolumde hareket korunuyor. Serit salt dekoratiftir ve ayni
   program adlari menude ve sayfalarda metin olarak da yer alir.
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
	.idsa-serit {
		overflow: hidden;
	}

	.idsa-serit__track {
		animation: idsa-kay 48s linear infinite;
		inline-size: max-content;
	}

	.idsa-serit__grup[aria-hidden="true"] {
		display: flex;
	}
}

/* Anasayfada ilk bolum ust bara bitisik olmali. WordPress kok blok
   araligini ".wp-site-blocks > * + *" uzerinden marj olarak veriyor;
   bu 24px, yapiskan sahne katmaninin hesabini kaydiriyordu. */
.wp-site-blocks > .idsa-anasayfa {
	margin-block-start: 0;
}

/*
 * Acilis katmani da ayni blok araligini tetikliyordu: katman
 * ".wp-site-blocks" icindeki ILK oge oldugu icin hemen ardindaki ust bar
 * "* + *" kuralina giriyor ve 24px asagi iniyordu. Katman is bitince
 * DOM'dan silindiginde ust bar aniden ILK oge olup marjini kaybediyor,
 * yani sayfa yukari ziplamis gibi gorunuyordu.
 *
 * Katman position:fixed; akista zaten yer kaplamiyor, dolayisiyla
 * ardindaki ogeye aralik verilmesi bastan anlamsiz.
 */
.wp-site-blocks > .idsa-acilis + * {
	margin-block-start: 0;
}

/* --- Üst menü: sade liste paneli ----------------------------- */

/* Subeler panelinden farki: telefon ve arama butonu yok, panel dar
   ve baglantilar sola yaslanmis duz bir liste.
   Tasarim (841:1902): sol 22 / ust 21 dolgu, satirlar 36 aralikli. */
.idsa-nav__panel--sade {
	/* Genislik en uzun ogeye gore; tasarimda Hakkımızda paneli 245. */
	inline-size: max-content;
	min-inline-size: 12rem;
	padding: 0.9375rem 1.375rem 1.3125rem;
}

.idsa-nav__liste {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Bize Ulaşın paneli (841:1994): 217x105, yazilar soldan 28 / ustten 18,
 * satir yuksekligi 26, satirlar 38 aralikli.
 */
.idsa-nav__panel--iletisim {
	/* 217 = 28 + 156 (en uzun satir) + 33 */
	min-inline-size: 9.75rem;
	padding: 0.75rem 2.0625rem 1.0625rem 1.75rem;
}

.idsa-nav__panel--iletisim .idsa-nav__liste a {
	line-height: 1.625rem;
}

/* Tasarim: 20px/300, -0.8 aralik, satirlar 36px araliklarla. */
.idsa-nav__liste a {
	display: block;
	padding-block: 0.375rem;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 300;
	letter-spacing: -0.04em;
	font-size: 1.25rem;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.idsa-nav__liste a:hover,
.idsa-nav__liste a:focus-visible {
	color: var(--wp--preset--color--accent);
}

/* ============================================================
   Anma sayfasi (Ayla Algan) ve biyografi bolumu
   ============================================================ */

/*
 * Tasarimda (aylaalgan1, 303:1060) isim ust barin hemen altinda: bar
 * 113, isim kutusu 131'de. Ust bosluk 6vh (~67px) iken isim ~70px
 * asagida kaliyordu; bolumun ustundeki blok araligi (24) yetiyor.
 */
.idsa-anma {
	padding-block: 0;
	padding-inline: var(--wp--preset--spacing--60);
	text-align: center;
}

/* Isim tasarimda Cormorant Garamond 128px; genis ekranda oraya
   ulasir, dar ekranda oransal olarak kucululur. */
.idsa-anma__ad {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(3rem, 7.4vw, 8rem);
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

/*
 * Tasarim: DM Sans 32/41,66, harf araligi -0,96 (-0.03em), isimden 16px
 * sonra. Harf araligi yokken ilk satir sigmiyor, "ederiz" ikinci satira
 * dusuyordu; tasarimda ilk satir tek parca (733px).
 */
.idsa-anma__ithaf {
	margin: 1rem auto 0;
	max-inline-size: 46rem;
	font-size: clamp(1.125rem, 1.85vw, 2rem);
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--contrast);
}

/* --- Foto galerisi --- */

/*
 * Kolajla ayni teknik: kapsayici sabit en/boy oraninda, fotograflar
 * mutlak konumlu ve merkezlerinden yerlesiyor. Boylece duzen her
 * genislikte tasarimdaki dagilimini koruyor.
 * Oran 1728x594, Figma'daki galeri bolgesinden alindi.
 */
.idsa-galeri {
	position: relative;
	aspect-ratio: 1728 / 594;
	inline-size: 100%;
	max-inline-size: 1728px;
	margin-inline: auto;
	margin-block-start: clamp(1.5rem, 4.75vw, 5.125rem);   /* tasarim: ithaftan 82 sonra */
}

.idsa-galeri img {
	position: absolute;
	display: block;
	max-inline-size: none;
	block-size: auto;
	object-fit: cover;
	border-radius: 24px;          /* tasarim 24 */
	opacity: 0;
	scale: 0.92;
	transition: opacity 0.7s ease, scale 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.idsa-galeri.idsa-gorunur img {
	opacity: 1;
	scale: 1;
}

.idsa-galeri img:nth-child(1) { transition-delay: 0.00s; }
.idsa-galeri img:nth-child(2) { transition-delay: 0.08s; }
.idsa-galeri img:nth-child(3) { transition-delay: 0.16s; }
.idsa-galeri img:nth-child(4) { transition-delay: 0.24s; }
.idsa-galeri img:nth-child(5) { transition-delay: 0.32s; }
.idsa-galeri img:nth-child(6) { transition-delay: 0.40s; }
.idsa-galeri img:nth-child(7) { transition-delay: 0.48s; }

/*
 * Tasarimda kolaj 1728'lik cercevenin tamamina yayiliyor (fotograflar
 * x 35..1693). Bolumun yan boslugu icinde kaldiginda her sey %5 kucuk
 * cikiyordu (ilk fotograf 227, tasarim 238); yan bosluk kadar disari
 * tasiyor.
 */
@media (min-width: 801px) {
	.idsa-anma .idsa-galeri {
		--idsa-galeri-en: min(100% + 2 * var(--wp--preset--spacing--60), 1728px);
		inline-size: var(--idsa-galeri-en);
		/* 1728'den genis ekranda ortada kalsin (auto burada ise yaramiyor). */
		margin-inline: calc((100% - var(--idsa-galeri-en)) / 2);
	}
}

/* Dar ekranda mutlak yerlesim okunmaz olur; sade bir izgaraya doner. */
@media (max-width: 800px) {
	.idsa-galeri {
		aspect-ratio: auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}

	.idsa-galeri img {
		position: static;
		inline-size: 100% !important;
		aspect-ratio: 1 !important;
		translate: none;
		object-fit: cover;
	}
}

/* --- Biyografi bolumu --- */

/*
 * Ust bosluk tasarimdakinden buyuktu: 1728'lik cercevede baslik kutusu
 * ust barin 40px altinda basliyor, bizde iki katindan fazlasi vardi ve
 * sayfa asagi kaymis duruyordu. Alt bosluk oldugu gibi kaldi.
 */
.idsa-biyografi {
	padding-block: clamp(0.75rem, 2vh, 1.5rem) clamp(2.5rem, 7vh, 5.5rem);
	padding-inline: var(--wp--preset--spacing--60);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* Ayla Algan'in biyografi bolumu tasarimda koyu zeminli (#121212) */
.idsa-biyografi--koyu {
	background: #121212;
	color: var(--wp--preset--color--base);
}

/*
 * Iki sutun: solda ad, unvan ve biyografi; sagda portre. Portre
 * basligin hizasindan basliyor, metnin degil -- yoksa sag ust kose
 * kocaman bos kaliyordu.
 *
 * Portre isaretlemede metinle ayni sarmalayicinin (__govde) icinde;
 * o sarmalayici kendi kutusunu birakiyor (display:contents) ki ikisi
 * de bu izgaranin hucrelerine yerlesebilsin.
 */
.idsa-biyografi__ic {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
	/*
	 * Son satir esnek: portre sol sutundaki uc ogenin toplamindan
	 * uzunsa artan boy buraya biniyor, ad ve unvan satirlari kendi
	 * dogal yuksekliginde kaliyor. Yoksa izgara portrenin boyunu uc
	 * satira paylastirip basligi ve unvani birbirinden ayiriyordu.
	 */
	grid-template-rows: auto auto 1fr;
	column-gap: clamp(1.5rem, 4vw, 4rem);
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

/* Hucrelerine yayilmasinlar; her biri kendi boyunda ve satirin basinda. */
.idsa-biyografi__ad,
.idsa-biyografi__unvan,
.idsa-biyografi__metin {
	align-self: start;
}

.idsa-biyografi__ad    { grid-column: 1; grid-row: 1; }
.idsa-biyografi__unvan { grid-column: 1; grid-row: 2; }
.idsa-biyografi__metin { grid-column: 1; grid-row: 3; }

.idsa-biyografi__foto {
	grid-column: 2;
	grid-row: 1 / -1;
	/* Sutun boyunca uzamasin: kendi en-boy orani korunsun. */
	align-self: start;
}

.idsa-biyografi__ad {
	margin: 0 0 clamp(1.5rem, 4vh, 3rem);
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
	font-weight: 400;
	font-size: clamp(2.75rem, 7.4vw, 8rem);
	line-height: 1.2;
	color: inherit;
}

/*
 * Unvan satiri (tasarim: Tamer Levent, DM Sans 32/400, addan 13px
 * iceride). Ada bitisik durdugu icin basligin alt bosluguna karsilik
 * negatif ust bosluk aliyor.
 */
.idsa-biyografi__unvan {
	margin: clamp(-1.25rem, -3vh, -2.5rem) 0 clamp(1.5rem, 4vh, 3rem);
	padding-inline-start: 0.8125rem;      /* tasarim 13 */
	font-size: clamp(1.125rem, 1.85vw, 2rem);
	font-weight: 400;
	line-height: 1.3;
	color: inherit;
}

/* Sarmalayici kutusunu birakiyor; bkz. .idsa-biyografi__ic. */
.idsa-biyografi__govde {
	display: contents;
}

/* Tasarimda paragraflar arasinda bir bos satir (31,25 = satir yuksekligi). */
.idsa-biyografi__metin p {
	margin: 0 0 1.3em;
	font-size: clamp(1rem, 1.4vw, 1.5rem);
	line-height: 1.3;
	color: inherit;
}

.idsa-biyografi__metin p:last-child {
	margin-block-end: 0;
}

.idsa-biyografi__foto {
	inline-size: 100%;
	block-size: auto;
	border-radius: 24px;        /* tasarim 24 */
	object-fit: cover;
}

@media (max-width: 900px) {
	/*
	 * Dar ekranda tek sutun: izgara cozuluyor, ogeler isaretlemedeki
	 * sirasiyla alt alta akiyor. __govde yeniden kendi kutusuna
	 * donuyor ki portre metnin ustune alinabilsin.
	 */
	.idsa-biyografi__ic {
		display: block;
	}

	.idsa-biyografi__govde {
		display: flex;
		flex-direction: column;
		gap: clamp(1.5rem, 4vw, 2rem);
	}

	/* Dar ekranda portre metinden once gelsin */
	.idsa-biyografi__foto {
		order: -1;
		max-inline-size: 22rem;
	}
}

/*
 * Biyografi bolumunun genis ekran yerlesimi. Iki tasarim ayni duzende:
 *
 *   Tamer Levent (303:1277, acik zemin)
 *     icerik 100..1629 (1529): metin 865, portre 380, arada 284
 *     isim barin 39px altinda; unvan isim kutusunun 21px icine giriyor
 *     (32/41,66, -0,96); metin unvandan 162px sonra, 24/31,25, -0,72
 *     portre 380x566, kose 20
 *   Ayla Algan (aylaalgan2 303:1212, koyu zemin -- Figma'da ayri
 *   cerceve ama sitede kolajin devami; kolajdaki buyuk portre bu
 *   bolumun sagina kayiyor)
 *     icerik 100..1628 (1528): metin 865, portre 392, arada 271
 *     unvan yok; metin isimden 58px sonra
 *     portre 392x566, kose 24
 *
 * Ikisinde de portrenin alt kenari metnin alt kenariyla ayni hizada.
 * Onceden portre ustten basliyordu, 575px genisti ve 6px'lik kose
 * kurali tasarimdaki yuvarlakligi eziyordu. Dar ekranda ortak tek
 * sutun duzeni gecerli (bkz. yukarida max-width 900).
 */
.idsa-biyografi__metin p {
	letter-spacing: -0.03em;
}

.idsa-biyografi__unvan {
	letter-spacing: -0.03em;
}

.idsa-biyografi__foto img {
	aspect-ratio: 380 / 566;
	object-fit: cover;
	border-radius: 20px;
}

.idsa-biyografi--koyu .idsa-biyografi__foto img {
	aspect-ratio: 392 / 566;
	border-radius: 24px;
}

@media (min-width: 901px) {
	.idsa-biyografi {
		padding-block-start: clamp(0.75rem, 0.93vw, 1rem);   /* isim barin 39px altinda (24'u blok araligi) */
	}

	.idsa-biyografi .idsa-biyografi__ic {
		grid-template-columns: minmax(0, 865fr) minmax(0, 380fr);
		column-gap: 18.57%;                                   /* 284 / 1529 */
		max-inline-size: 95.5625rem;                           /* 1529 */
	}

	/* Unvan varsa isim ile arasi eksi: unvan isim kutusunun icinden basliyor. */
	.idsa-biyografi .idsa-biyografi__ad {
		margin-block-end: clamp(1.5rem, 3.36vw, 3.625rem);     /* unvansiz: 58 */
	}

	.idsa-biyografi .idsa-biyografi__ad:has(+ .idsa-biyografi__unvan) {
		margin-block-end: 0;
	}

	.idsa-biyografi .idsa-biyografi__unvan {
		margin-block: -1.3125rem clamp(3rem, 9.375vw, 10.125rem);   /* -21 / 162 */
	}

	.idsa-biyografi .idsa-biyografi__foto {
		align-self: end;
	}

	.idsa-biyografi--koyu {
		padding-block-start: clamp(1.5rem, 2.26vw, 2.4375rem);   /* 39 */
	}

	.idsa-biyografi--koyu .idsa-biyografi__ic {
		grid-template-columns: minmax(0, 865fr) minmax(0, 392fr);
		column-gap: 17.74%;                                   /* 271 / 1528 */
		max-inline-size: 95.5rem;                              /* 1528 */
	}
}

/* ============================================================
   Uzman Kadromuz (egitmen arsivi)
   ============================================================ */

/*
 * Tasarim (Eğitmenler, 303:1332) 1728 cercevede: baslik x 100 / y 152
 * (bar 113), yan bosluk her yerde 100 -- baslik, oklar ve serit ayni
 * kenarlarda. --idsa-kadro-yan bu ortak bosluk.
 */
.idsa-kadro {
	--idsa-kadro-yan: clamp(1.25rem, 5.79vw, 6.25rem);    /* 100 */
	padding-block: clamp(2rem, 5vh, 4rem) clamp(3rem, 8vh, 6rem);
}

/* Arsiv sayfasinda baslik barin 39px altinda (24'u blok araligi). */
main.idsa-kadro {
	padding-block-start: 1rem;
}

/*
 * Baslik ve alt baslik solda alt alta, oklar sagda ve dikeyde ortali.
 * Flex + wrap denendiginde oklar ucuncu satira dusuyordu; izgara
 * ikisini de tek adimda dogru yere koyuyor.
 */
.idsa-kadro__ust {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 1.5rem;
	padding-inline: var(--idsa-kadro-yan);
	/* Tasarimda alt basliktan (y 320) kartlara (y 441) 121. */
	margin-block-end: clamp(2rem, 7vw, 7.5625rem);
}

.idsa-kadro__baslik { grid-column: 1; grid-row: 1; }
.idsa-kadro__alt    { grid-column: 1; grid-row: 2; }

/* Tasarimda oklarin alti alt basligin 12px ustunde (y 308 / 320). */
.idsa-kadro__oklar {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: end;
	margin-block-end: 0.75rem;
}

@media (max-width: 700px) {
	/* Dar ekranda oklar basligin altina, sola gecer */
	.idsa-kadro__ust  { grid-template-columns: 1fr; }
	.idsa-kadro__oklar { grid-column: 1; grid-row: 3; margin-block-start: 1rem; }
}

/*
 * Tasarim Oswald 96/142,27; alt baslik kutunun 16px icinden basliyor.
 * Bindirme basligin boyuna bagli (0,1667em): sabit 16px iken telefonda
 * (baslik 40px) alt baslik harflerin ustune biniyordu.
 */
.idsa-kadro__baslik {
	margin: 0 0 -0.1667em;
	font-size: clamp(2.5rem, 5.6vw, 6rem);   /* tasarim 96px */
	line-height: 1.482;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.idsa-kadro__alt {
	margin: 0;
	font-weight: 500;
	font-size: clamp(1rem, 1.9vw, 2rem);     /* tasarim 32px */
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
}

/*
 * Kartlar yatay kaydirilan bir serit. Karusel icin JS'e gerek yok:
 * scroll-snap ile parmakla/trackpad ile dogal kaydirma calisir,
 * oklar da yalnizca bu kaydirmayi tetikler (bkz. idsa.js).
 */
/* Tasarimda kartlar 395 genis, aralari 36, ilk kart x 100. */
.idsa-kadro__serit {
	display: flex;
	gap: clamp(1rem, 2.08vw, 2.25rem);       /* 36 */
	margin: 0;
	padding-inline: var(--idsa-kadro-yan);
	padding-block-end: 0.5rem;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;                   /* serit temiz gorunsun */
	/* Snap hizasi dolguyu hesaba katmazsa serit acilista dolgu kadar
	   kaymis basliyor ve ilk kart kenara yapisiyor. */
	scroll-padding-inline: var(--idsa-kadro-yan);
}

.idsa-kadro__serit::-webkit-scrollbar { display: none; }

.idsa-kadro__serit > li {
	flex: 0 0 auto;
	inline-size: clamp(240px, 22.86vw, 395px);   /* 395 */
	scroll-snap-align: start;
}

.idsa-kadro__kart {
	position: relative;
	block-size: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.idsa-kadro__foto img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	display: block;
}

.idsa-kadro__ad a {
	color: inherit;
	text-decoration: none;
}

/* Karusel oklari (JS ile eklenir) */
.idsa-kadro__oklar {
	display: flex;
	gap: clamp(0.75rem, 1.45vw, 1.5625rem);   /* 25 */
	flex: none;
}

.idsa-kadro__oklar[hidden] {
	display: none;
}

/* Tasarimda oklar 81, aralari 25, ikisi de her zaman dolu turuncu. */
.idsa-kadro__ok {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: clamp(3rem, 4.69vw, 5.0625rem);   /* 81 */
	block-size: clamp(3rem, 4.69vw, 5.0625rem);
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

.idsa-kadro__ok:hover { background: var(--wp--preset--color--contrast); }
.idsa-kadro__ok svg   { inline-size: 52%; block-size: 52%; }   /* tasarim 42 / 81 */

/* ============================================================
   Egitmen / ekip detay sayfasi
   ============================================================ */

/*
 * Sayfa iki sutun: solda geri dugmesi, ad, unvan ve biyografi; sagda
 * portre. Portre adin hizasindan basliyor -- once metnin hizasindan
 * basliyordu ve sag ust kose kocaman bos kaliyordu.
 *
 * Son satir esnek (1fr): portre soldaki ogelerin toplamindan uzunsa
 * artan boy oraya biniyor, ad ile unvan kendi yuksekliginde kaliyor.
 * (Ayni cozum icin bkz. .idsa-biyografi__ic.)
 */
.idsa-kisi {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
	grid-template-rows: auto auto auto 1fr;
	column-gap: clamp(1.5rem, 4vw, 4rem);
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--60);
	padding-block: clamp(1.5rem, 4vh, 3rem) clamp(3rem, 8vh, 6rem);
}

.idsa-geri        { grid-column: 1; grid-row: 1; }
.idsa-kisi__ad    { grid-column: 1; grid-row: 2; }
.idsa-kisi__unvan { grid-column: 1; grid-row: 3; }

.idsa-geri,
.idsa-kisi__ad,
.idsa-kisi__unvan {
	align-self: start;
}

/* Tasarimda geri dugmesi 81 (Group 80). */
.idsa-geri {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: clamp(3rem, 4.69vw, 5.0625rem);
	block-size: clamp(3rem, 4.69vw, 5.0625rem);
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	transition: background-color 0.2s ease;
}

.idsa-geri:hover { background: var(--wp--preset--color--contrast); }
.idsa-geri svg   { inline-size: 52%; block-size: 52%; }   /* tasarim 42 / 81 */

.idsa-kisi__ad {
	margin: clamp(1rem, 3vh, 2rem) 0 0;
	font-size: clamp(2.25rem, 5.6vw, 6rem);   /* tasarim 96px */
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

.idsa-kisi__unvan p,
.idsa-kisi__unvan {
	margin: 0.25rem 0 0;
	font-weight: 500;
	font-size: clamp(1rem, 1.9vw, 2rem);      /* tasarim 32px */
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
}

/* Sarmalayici kutusunu birakiyor: metin ile portre ust izgaranin
   hucrelerine yerlessin (bkz. .idsa-kisi). */
.idsa-kisi__govde {
	display: contents;
}

/* Sutunlar acikca sabitleniyor: biyografi bos oldugunda WordPress
   icerik sarmalayicisini hic basmiyor ve fotograf sol sutuna kayiyordu. */
.idsa-kisi__metin {
	grid-column: 1;
	grid-row: 4;
	align-self: start;
	margin-block-start: clamp(1.5rem, 4vh, 3rem);
}

.idsa-kisi__foto {
	grid-column: 2;
	grid-row: 2 / -1;      /* addan basliyor, en alta kadar */
	align-self: start;
}

/*
 * Adin ust boslugunun aynisi: ikisinin ust kenari ayni hizada dursun.
 * Blok kendi bosluklarini sifirlayan bir kural tasidigi icin secici
 * ozellikle iki sinifli.
 */
.idsa-kisi .idsa-kisi__foto {
	margin-block: clamp(1rem, 3vh, 2rem) 0;
}

/* Tasarim 24/31,25, harf araligi -0,72; paragraflar arasinda bir bos satir. */
.idsa-kisi__metin p {
	margin: 0 0 1.3em;
	font-size: clamp(1rem, 1.4vw, 1.5rem);    /* tasarim 24px */
	line-height: 1.3;
	letter-spacing: -0.03em;
}

.idsa-kisi__foto img {
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 403 / 537;
	border-radius: 20px;                      /* tasarim 20 */
	object-fit: cover;
}

/*
 * Genis ekran yerlesimi, tasarim Eğitmenler/Özgeçmiş (344:2001) ve diger
 * egitmen cerceveleri (627:979 ...), 1728 genislikte:
 *   geri dugmesi 93 / 136 (barin 23px altinda), 81
 *   ad 100 / 235, Oswald 96/142; unvan ad kutusunun 5px icinden, 32/41,66
 *   metin 93 / 502 (unvandan 88 sonra), 945 genis
 *   portre 403x537, sagda (1226..1629), alt kenari metnin alt kenariyla
 *   ayni hizada -- onceden 524x699'du, adin hizasindan basliyordu
 * Icerik 93..1629: metin 945, arada 188, portre 403 (toplam 1536).
 */
@media (min-width: 901px) {
	.idsa-kisi {
		grid-template-columns: minmax(0, 945fr) minmax(0, 403fr);
		column-gap: 12.24%;                                        /* 188 / 1536 */
		/* 1728'den genis ekranda tasarimdaki olcude kalip ortalaniyor. */
		max-inline-size: 108rem;                                   /* 1728 */
		padding-inline: clamp(1.25rem, 5.38vw, 5.8125rem) clamp(1.25rem, 5.73vw, 6.1875rem);   /* 93 / 99 */
		padding-block-start: 0;
	}

	.idsa-kisi__ad {
		margin-block-start: clamp(0.75rem, 1.04vw, 1.125rem);    /* 18 */
		padding-inline-start: 0.4375rem;                          /* ad 100'de, geri 93'te */
		line-height: 1.482;
	}

	.idsa-kisi__unvan p,
	.idsa-kisi__unvan {
		margin-block-start: 0;
	}

	.idsa-kisi__unvan {
		margin-block-start: -0.3125rem;                           /* -5 */
		padding-inline-start: 0.4375rem;
	}

	/* Iki sinif: WordPress'in icerik blogu kurali ust boslugu sifirliyordu. */
	.idsa-kisi .idsa-kisi__metin {
		margin-block-start: clamp(1.5rem, 5.09vw, 5.5rem);       /* 88 */
	}

	.idsa-kisi .idsa-kisi__foto {
		align-self: end;
		margin-block: 0;
	}

	/* Biyografi bossa (WordPress metin kutusunu hic basmiyor) hizalanacak
	   metin yok: portre tasarimdaki yerinde, unvandan 47 sonra (y 461). */
	.idsa-kisi:not(:has(.idsa-kisi__metin)) .idsa-kisi__foto {
		grid-row: 4;
		align-self: start;
		margin-block-start: clamp(1.5rem, 2.72vw, 2.9375rem);
	}
}

@media (max-width: 900px) {
	/* Tek sutun: izgara cozuluyor, ogeler isaretlemedeki sirayla akiyor. */
	.idsa-kisi {
		display: block;
	}

	.idsa-kisi__govde {
		display: grid;
		grid-template-columns: 1fr;
	}

	/* Dar ekranda portre metinden once gelsin */
	.idsa-kisi__metin { grid-column: 1; grid-row: 2; }
	.idsa-kisi__foto  { grid-column: 1; grid-row: 1; max-inline-size: 22rem; }

	/* Iki sinif: WordPress'in icerik blogu kurali ust boslugu sifirliyordu,
	   metin portrenin altina yapisiyordu. */
	.idsa-kisi .idsa-kisi__metin {
		margin-block-start: clamp(1.5rem, 4vh, 3rem);
	}
}


/* =====================================================================
   Eğitim sayfaları
   ===================================================================== */

.idsa-egitim-hero {
	padding-block: clamp(2.5rem, 6vw, 5rem) clamp(2.5rem, 5vw, 4.5rem);
	padding-inline: var(--wp--preset--spacing--40);
	text-align: center;
	overflow: hidden;
}

.idsa-egitim-hero__baslik {
	margin: 0 0 clamp(1.5rem, 4vw, 3rem);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.75rem, 7vw, 6.5rem);
	line-height: 1;
	letter-spacing: -0.01em;
	/* Tasarimda dort yas grubunun da basligi #22343A. Grup rengi yalnizca
	   cumlenin uzerindeki el cizimi isaretlerde ve sondaki sekilde. */
	color: var(--wp--preset--color--contrast);
}

/* --- Üç şekilli üst görsel -------------------------------------------
 *
 * Sekiller tasarimda bir maske: tek bir fotograf uc seklin icinden
 * gorunuyor ve fotograf sekiller arasinda kesintisiz devam ediyor.
 * Bunu tek bir maske yerine ic ice ogeyle kuruyoruz, cunku maskede
 * fotografin en-boy orani sabitlenmis olurdu; kurum kendi fotografini
 * yukledigi icin object-fit ile her orani duzgun kirpmak gerekiyor.
 *
 * Sekil ve olculer yas grubuna gore degisiyor; degerler sablondan
 * ozel ozellik olarak geliyor (bkz. patterns/egitim-detay.php).
 */
.idsa-egitim-kolaj {
	position: relative;
	/*
	 * Tasarimda serit ekrandan iki yana tasiyor; ust bolumdeki
	 * overflow:hidden yatay kaydirmayi engelliyor.
	 *
	 * Olculer sayfa genisligine gore verildigi icin yuzde degil vw:
	 * yuzde, bolumun yan bosluklari dusulmus ic kutusuna gore hesaplanir
	 * ve serit tasarimdakinden dar cikardi.
	 */
	inline-size: calc(var(--idsa-egitim-tasma, 120) * 1vw);
	/* Sol kenar da sayfanin soluna gore; bolumun yan boslugu dusuluyor. */
	margin-inline-start: calc(var(--idsa-egitim-kenar, -10) * 1vw - var(--wp--preset--spacing--40));
	aspect-ratio: var(--idsa-egitim-oran, 2092 / 723);
}

.idsa-egitim-kolaj__sekil {
	position: absolute;
	inset-block: 0;
	inset-inline-start: var(--idsa-egitim-sol, 0);
	inline-size: var(--idsa-egitim-genislik, 34.5602%);
	block-size: 100%;
	overflow: hidden;
}

/* clip-path alt ogeleri de kirptigi icin fotograf sekle uyuyor. */
.idsa-egitim-kolaj__sekil--circle   { clip-path: circle(50%); }
.idsa-egitim-kolaj__sekil--triangle { clip-path: polygon(50% 0%, 100% 100%, 0% 100%); }
.idsa-egitim-kolaj__sekil--diamond  { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
/* Dikdörtgen (square) kırpma istemiyor; overflow yeter. */

/* Üçgen seritte ortadaki şekil ters duruyor. */
.idsa-egitim-kolaj__sekil--ters { clip-path: polygon(0% 0%, 100% 0%, 50% 100%); }

.idsa-egitim-kolaj__sekil img {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: var(--idsa-egitim-kay, 0);
	inline-size: var(--idsa-egitim-ic, 289.35%);
	block-size: 100%;
	max-inline-size: none;
	object-fit: cover;
}

/*
 * Dar ekranda seridi genisletiyoruz: uc sekil ekran genisligine
 * sigdiginda her biri ~130px kaliyor ve fotograf secilmez oluyor. Serit
 * buyuyunce yandaki sekiller kismen disarda kaliyor -- masaustunde
 * tasarimin zaten yaptigi sey. Tasarimdaki hafif asimetri burada
 * birakilip serit ortalaniyor.
 */
@media (max-width: 600px) {
	.idsa-egitim-kolaj {
		inline-size: calc(var(--idsa-egitim-tasma, 120) * 1.45vw);
		margin-inline-start: calc((100% - var(--idsa-egitim-tasma, 120) * 1.45vw) / 2);
	}
}

.idsa-egitim-hero__cumle {
	margin: clamp(2rem, 5vw, 3.5rem) auto 0;
	max-inline-size: 46rem;
	font-size: clamp(1.5rem, 3vw, 2.6rem);
	line-height: 1.25;
	font-weight: 400;
}

/* Cumlenin sonundaki marka sekli, tasarimdaki nokta yerine. */
.idsa-egitim-hero__cumle .idsa-shape {
	--idsa-shape-size: 0.7em;
	display: inline-block;
	margin-inline-start: 0.35em;
	vertical-align: baseline;
	background: var(--idsa-vurgu-renk, var(--wp--preset--color--accent));
}

.idsa-egitim-hero__buton {
	margin: clamp(2rem, 4vw, 3rem) 0 0;
}

.idsa-buton {
	display: inline-flex;
	align-items: center;
	gap: 1.25rem;
	padding: 0.75rem 0.75rem 0.75rem 1.75rem;
	border-radius: 999px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	text-decoration: none;
	font-size: clamp(1.05rem, 1.6vw, 1.5rem);
	line-height: 1;
}

.idsa-buton__ok {
	display: grid;
	place-items: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.idsa-buton__ok svg {
	inline-size: 1.35rem;
	block-size: 1.35rem;
}

.idsa-buton:hover,
.idsa-buton:focus-visible {
	color: var(--wp--preset--color--base);
	filter: brightness(1.1);
}

/* --- Açılır ders listesi --------------------------------------------- */

.idsa-dersliste {
	display: grid;
	grid-template-columns: minmax(14rem, 1fr) minmax(0, 2fr);
	gap: clamp(2rem, 5vw, 5rem);
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-block: clamp(3rem, 7vw, 6rem);
	padding-inline: var(--wp--preset--spacing--40);
}

.idsa-dersliste__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1.05;
}

.idsa-ders-satir {
	border-block-end: 1px solid currentColor;
}

.idsa-ders-satir__bas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-block: clamp(0.75rem, 1.5vw, 1.15rem);
	cursor: pointer;
	list-style: none;
}

/* Safari'nin kendi ucgen isaretini kaldirir. */
.idsa-ders-satir__bas::-webkit-details-marker {
	display: none;
}

.idsa-ders-satir__ad {
	font-size: clamp(1.15rem, 2.2vw, 1.9rem);
	line-height: 1.2;
}

/*
 * Arti/eksi isareti iki cizgiden kuruluyor: acilinca dikey cizgi
 * donerek kayboluyor, boylece isaret degistirmek yerine hareket ediyor.
 */
.idsa-ders-satir__isaret {
	position: relative;
	flex: 0 0 auto;
	inline-size: 1.5rem;
	block-size: 1.5rem;
}

.idsa-ders-satir__isaret::before,
.idsa-ders-satir__isaret::after {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 0;
	inline-size: 100%;
	block-size: 2px;
	background: currentColor;
	translate: 0 -50%;
	transition: rotate 220ms ease;
}

.idsa-ders-satir__isaret::after {
	rotate: 90deg;
}

.idsa-ders-satir[open] .idsa-ders-satir__isaret::after {
	rotate: 0deg;
}

/*
 * Aciklamasi olmayan ders satiri <details> degil duz bir satir olarak
 * basiliyor (bkz. patterns/egitim-detay.php), bu yuzden tiklanabilir
 * gorunmemeli. Isaret tasarimdaki gibi tam gucunde kaliyor.
 */
.idsa-ders-satir--bos .idsa-ders-satir__bas {
	cursor: default;
}

.idsa-ders-satir__govde {
	padding-block-end: clamp(0.75rem, 1.5vw, 1.25rem);
	font-size: clamp(1rem, 1.4vw, 1.15rem);
	line-height: 1.6;
	opacity: 0.85;
}

.idsa-ders-satir__govde p {
	margin: 0 0 0.75rem;
}

.idsa-ders-satir__govde p:last-child {
	margin-block-end: 0;
}

@media (max-width: 782px) {
	.idsa-dersliste {
		grid-template-columns: 1fr;
	}
}

/* --- Eğitmen şeridi bir bölüm olarak ---------------------------------- */

.idsa-kadro--bolum {
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

/* --- Eğitimler arşivi -------------------------------------------------- */

.idsa-egitimler__ust {
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 3vw, 2.5rem);
	padding-inline: var(--wp--preset--spacing--40);
}

.idsa-egitimler__baslik {
	margin: 0;
	font-size: clamp(2.5rem, 6vw, 5rem);
	line-height: 1;
}

.idsa-egitimler__alt {
	margin: 0.75rem 0 0;
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	opacity: 0.8;
}

/*
 * Portre artik sayfa icerigindeki bir Gorsel blogu; sinif <figure>
 * uzerine biniyor, gorsel icinde kaliyor. Kural her iki bicimde de
 * calissin diye ikisini de kapsiyor.
 */
.idsa-biyografi__foto img {
	display: block;
	inline-size: 100%;
	block-size: auto;
}

/*
 * Gorsel blogunun kendi bosluklarini siliyoruz; ust bosluk yukaridaki
 * kuraldan (portrenin metinden biraz yukarida baslamasi) geliyor.
 */
/*
 * Gorsel blogunun kendi bosluklari ve blok araligindan gelen ust
 * bosluk siliniyor: portrenin ustu basligin ustuyle hizali kalmali.
 */
.idsa-biyografi__foto.wp-block-image {
	margin: 0;
}


/* =====================================================================
   Alt bilgi
   =====================================================================
   Olculer tasarimdaki 1728px'lik cerceveden (Figma 220:1569 ve 386:2603
   ayni yerlesimi tasiyor):
     - yan bosluk 96  -> %5,5
     - sekiller 44/64/44/53, aralik 37
     - BİZE KATILIN Cormorant Garamond Medium Italic 96px, sola yaslı
     - sosyal ikonlar 72, aralik 38, saga yaslı, basligin dikey ortasinda
     - telif DM Sans 16px w600, tam genislige gore ortali
   Tasarimda ayirici cizgi YOK; onceki surumdeki cizgi kaldirildi.
   Bolum tam genislikte: icerik sutununa (contentSize) sikismaz. */

.idsa-footer {
	/*
	 * Ust bosluk tamamen buraya ait: onceki bolumden gelen blok araligina
	 * guvenmek, alt bilginin hangi sayfada oldugu degistikce boslugun da
	 * degismesi demekti. Tasarimda sayfanin son ogesinden sekillere
	 * 147-216 (sayfaya gore; ortanca ~190); sitede 135 kaliyordu.
	 * Telif satirindan sonra sayfa sonuna 26 (onceden 42).
	 */
	padding-block: clamp(3rem, 11vw, 11.875rem) clamp(1rem, 1.5vw, 1.625rem);   /* 190 / 26 */
	padding-inline: clamp(1.25rem, 5.5vw, 6rem);
}

/* Sablon parcasini saran <footer>, WordPress'in kok blok araligindan
   24px ust marj aliyor. Ust bosluk yukarida tanimli oldugu icin bu
   marj toplama ekleniyor ve alt bilgi sayfadan sayfaya kayiyordu. */
footer.wp-block-template-part:has(> .idsa-footer) {
	margin-block-start: 0;
}

/* Sekiller ile baslik tasarimda bitisik; aradaki gorsel bosluk
   basligin satir yuksekliginden geliyor. */
.idsa-footer__sekiller {
	gap: clamp(1.25rem, 2.14vw, 2.3125rem);
	margin-block-end: 0;
}

/*
 * Sekiller goze esit buyuklukte gorunsun diye: daire 46, ucgen 54x47,
 * kare 42, elmas 48 (kenari 34). Onceden daire/ucgen/kare 44, elmas
 * 53'tu ve elmas satirin ustune ve altina tasiyordu; 42'ye (kareyle ayni
 * boy) indirildiginde de cok kucuk kaldi, 48'de ikisinin arasi. Olculer 1728'de; --idsa-sekil-birim orada 44px ve
 * ekranla birlikte kuculuyor.
 */
.idsa-footer__sekiller {
	--idsa-sekil-birim: clamp(1.75rem, 2.55vw, 2.75rem);
}

.idsa-footer__sekiller .idsa-shape--circle   { --idsa-shape-size: calc(var(--idsa-sekil-birim) * 46 / 44); }
.idsa-footer__sekiller .idsa-shape--triangle {
	inline-size: calc(var(--idsa-sekil-birim) * 54 / 44);
	block-size: calc(var(--idsa-sekil-birim) * 47 / 44);
}
.idsa-footer__sekiller .idsa-shape--square   { --idsa-shape-size: calc(var(--idsa-sekil-birim) * 42 / 44); }
.idsa-footer__sekiller .idsa-shape--diamond  { --idsa-shape-size: calc(var(--idsa-sekil-birim) * 48 / 44); }

/* Tasarimda sekillerin ustunden basligin ustune 86 (onceden 53). */
.idsa-footer__ust {
	margin-block-start: clamp(0.75rem, 1.91vw, 2.0625rem);
	gap: clamp(1.5rem, 3vw, 3rem);
}

.idsa-footer__cagri {
	margin: 0;
	/* Tasarim (Component 14, 220:2781) 64'ten 50'ye indi: Cormorant
	   Garamond 500 italik, 50/60,55. */
	font-size: clamp(1.75rem, 2.89vw, 3.125rem);   /* tasarim 50 */
	line-height: 1.21;
	color: var(--wp--preset--color--contrast);
}

/* Basligin kendisi Bize Ulaşın sayfasina goturuyor; gorunumu degismiyor. */
.idsa-footer__cagri a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.idsa-footer__cagri a:hover {
	color: var(--wp--preset--color--accent);
}

/*
 * Cekirdek sosyal baglanti blogu ikon boyutunu kapsayicinin
 * font-size'indan aliyor. Tasarimda (Giris Ekrani 187:725) ikon kutusu
 * 60, cizim 48 (Phosphor, bkz. inc/alt-bilgi.php), aralar ~32. Boyut
 * sinifi yerine dogrudan font-size veriliyor ki ekranla olceklensin.
 * Onceki cekirdek ikonlari icin konan TikTok kucultmesi kaldirildi:
 * Phosphor ikonlarinin hepsi ayni olcude.
 */
.idsa-footer__sosyal {
	font-size: clamp(1.875rem, 3.47vw, 3.75rem);    /* 60 */
	gap: clamp(1rem, 1.85vw, 2rem);                  /* 32 */
}

/* Tasarimda basligin ustunden telif satirinin ustune 215 (onceden 176). */
.idsa-footer__telif {
	margin-block-start: clamp(2.5rem, 7.99vw, 8.625rem);
	margin-block-end: 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

@media (max-width: 700px) {
	/* Dar ekranda baslik ve ikonlar alt alta; ikonlar sola hizalanir. */
	.idsa-footer__ust {
		justify-content: flex-start;
	}

	.idsa-footer__telif {
		text-align: start;
		font-size: 0.875rem;
	}
}


/* =====================================================================
   Takvim: tasarim olculerine hizalama
   =====================================================================
   Bolum onceden tasarimin yaklasik %70'i buyuklugunde ciziliyordu.
   Asagidaki degerler Figma'daki 1728px'lik cerceveden (220:2668) birebir
   alindi ve oranlar korunsun diye viewport yuzdesine cevrildi:

     bolum       1529 genis, yan bosluk 99      -> %88,5 / %5,73
     panel/kart  883 : 625, arasi 20
     panel dolgu ust 45, yan 35, alt 64
     baslik      Oswald 38/500, altinda 70 bosluk
     izgara      799x346; gun satiri araligi 65, basliklar DM Sans 16/700
     kart        625x181, arasi 16
     kart gunu   Anton 80, ay/gun DM Sans 16/700, baslik DM Sans 32/700,
                 ozet DM Sans 20/400
   ===================================================================== */

.idsa-takvim {
	/* wide-size (1560) tasarimin 1529'undan genisti; olcu artik dogrudan.
	   Dolgu genisligin icinde kalsin diye border-box; aksi halde bolum
	   goruntuden tasip yatay kaydirma aciyordu. */
	box-sizing: border-box;
	max-inline-size: none;
	inline-size: 100%;
	padding-inline: clamp(1.25rem, 5.73vw, 6.1875rem);
	grid-template-columns: minmax(0, 883fr) minmax(0, 625fr);
	gap: clamp(0.75rem, 1.16vw, 1.25rem);
}

.idsa-takvim__panel {
	padding: clamp(1.5rem, 2.6vw, 2.8125rem) clamp(1.25rem, 2.03vw, 2.1875rem) clamp(1.75rem, 3.7vw, 4rem);
}

.idsa-takvim__ust {
	margin-block-end: clamp(1.5rem, 4.05vw, 4.375rem);
}

.idsa-takvim__baslik,
.idsa-takvim__secici > summary {
	font-size: clamp(1.375rem, 2.2vw, 2.375rem);
}

/* Sube adi baslikla ayni boyda: tasarimda ikisi de Oswald 38. */
.idsa-takvim__sube {
	font-size: 1em;
	opacity: 1;
}

.idsa-takvim__secici > summary {
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	color: var(--idsa-takvim-metin, var(--wp--preset--color--base));
}

.idsa-takvim__ay {
	font-size: clamp(0.8125rem, 0.93vw, 1rem);
}

.idsa-takvim__izgara th {
	font-weight: 700;
	font-size: clamp(0.75rem, 0.93vw, 1rem);
}

/* Satir araligi tasarimda 65px; hucre yuksekligi bunu tasiyor. */
.idsa-takvim__izgara td {
	block-size: clamp(2.5rem, 3.76vw, 4.0625rem);
}

.idsa-takvim__rakam {
	inline-size: clamp(2rem, 2.7vw, 2.9375rem);
	block-size: clamp(2rem, 2.7vw, 2.9375rem);
	font-weight: 500;
	font-size: clamp(0.875rem, 0.93vw, 1rem);
}

/* --- Etkinlik kartlari --- */

.idsa-takvim__kartlar,
.idsa-takvim__liste {
	gap: clamp(0.625rem, 0.93vw, 1rem);
}

.idsa-kart__bag {
	align-items: flex-start;
	gap: clamp(1rem, 2.2vw, 2.375rem);
	padding: clamp(1rem, 1.62vw, 1.75rem) clamp(1.25rem, 2.43vw, 2.625rem);
}

/* Gun rakami tasarimda Anton 80; govde yazi tipinden ayri bir karakter. */
.idsa-kart__gun {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: clamp(3rem, 4.63vw, 5rem);
	letter-spacing: 0;
}

/*
 * Tarih sutunu sabit genislikte: icerigi kadar genisken "30 / Çarşamba"
 * ile "2 / Cuma" farkli genislikte oluyor ve sagdaki baslik her kartta
 * baska yerden basliyordu. En genis oge "AĞUSTOS" (ay yazisinin ~5,15
 * kati; gun rakami ve "Cumartesi" her olcude ondan dar), payiyla 5,25.
 */
.idsa-kart__tarih {
	--idsa-kart-ay: clamp(0.75rem, 0.93vw, 1rem);
	inline-size: calc(5.25 * var(--idsa-kart-ay));
}

.idsa-kart__ay {
	font-size: var(--idsa-kart-ay);
	font-weight: 700;
}

.idsa-kart__hafta {
	font-size: clamp(0.75rem, 0.93vw, 1rem);
}

.idsa-kart__baslik {
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 700;
	font-size: clamp(1.125rem, 1.85vw, 2rem);
	line-height: 1.2;
}

.idsa-kart__altbaslik {
	font-size: clamp(0.75rem, 0.93vw, 1rem);
}

.idsa-kart__ozet {
	margin-block-start: clamp(0.375rem, 0.75vw, 0.8125rem);
	font-size: clamp(0.875rem, 1.16vw, 1.25rem);
	line-height: 1.3;
}

/* Dar ekranda takvim tek sutun. Bu kural yukaridaki iki sutunlu
   tanimdan SONRA gelmeli; ayni ozgullukte oldugu icin sirasi belirleyici
   (stil dosyasinin basindaki mobil blok tek basina yetmiyordu). */
@media (max-width: 900px) {
	.idsa-takvim {
		grid-template-columns: 1fr;
		padding-inline: var(--wp--preset--spacing--40);
	}

	.idsa-takvim__panel {
		padding: var(--wp--preset--spacing--40);
	}

	.idsa-takvim__ust {
		margin-block-end: var(--wp--preset--spacing--40);
	}
}


/* =====================================================================
   Mobil ust menu (hamburger)
   =====================================================================
   Tasarimin mobil ekraninda ust barda yalnizca kucuk logo ve sag ustte
   bir liste ikonu var (Figma 253:853). Onceki surumde bu dugme yoktu:
   menu baglantilari bara sigmiyor, sol taraftaki logo sifir genislige
   eziliyordu. Dugme yalnizca dar ekranda gorunur; genis ekranda menu
   oldugu gibi acik kalir, yani JS calismasa bile masaustu menusu
   bozulmaz. */

.idsa-nav-ac {
	display: none;
	align-items: center;
	justify-content: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: none;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
}

.idsa-nav-ac svg {
	inline-size: 1.5rem;
	block-size: 1.5rem;
}

@media (max-width: 900px) {
	.idsa-nav-ac {
		display: inline-flex;
	}

	/* Logo bara sabit genislikte otursun, menu onu ezmesin. */
	.idsa-topbar > .idsa-topbar__links:first-child {
		flex: none;
	}

	.idsa-topbar .wp-block-site-logo,
	.idsa-topbar .wp-block-site-logo img {
		inline-size: 4rem;
		min-inline-size: 4rem;
	}

	/* Menu barin altina acilan tam genislikte bir panel. */
	.idsa-nav {
		position: absolute;
		inset-inline: 0;
		inset-block-start: 100%;
		z-index: 90;
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 0.5rem var(--wp--preset--spacing--40) 1rem;
		background: var(--wp--preset--color--base);
		box-shadow: 0 14px 30px rgba(35, 44, 48, 0.16);
	}

	.idsa-nav[data-idsa-acik] {
		display: flex;
	}

	.idsa-nav__bag,
	.idsa-nav__acilir > summary {
		justify-content: space-between;
		padding-block: 0.75rem;
		border-block-end: 1px solid rgba(59, 80, 88, 0.14);
	}

	/* Baslik ustte, acilan panel onun altinda (yan yana degil). */
	.idsa-nav__acilir {
		flex-direction: column;
	}

	/* Masaustundeki etkin cizgi mobil listede ayraclarin ustune biniyordu. */
	.idsa-nav__acilir[open] > summary::after {
		content: none;
	}

	/*
	 * Acilir panel mobilde ustte yuzmez, listenin icinde akar.
	 * Sube paneli icin masaustu olcusu (:has ile, daha guclu secici)
	 * burada da ezilmeli; yoksa panel 346px'lik sabit genislikte kalip
	 * ekrandan tasiyordu.
	 */
	.idsa-nav__panel,
	.idsa-nav__panel--sade,
	.idsa-nav__panel:has(.idsa-nav__subeler) {
		position: static;
		inline-size: auto;
		min-inline-size: 0;
		margin: 0;
		padding: 0.5rem 0 0.75rem;
		border-radius: 0;
		box-shadow: none;
		background: none;
	}

	.idsa-nav__subeler > li {
		gap: 1rem;
	}

	.idsa-nav__subeler > li + li {
		margin-block-start: 1rem;
	}

	/*
	 * Panel icindeki yazilar kok basliktan (16px) kucuk olmali.
	 *
	 * Masaustunde panel ayri bir yuzeyde durdugu icin 20px dogru; mobilde
	 * ayni listenin icinde aktiklari icin 20px onlari kok basliklardan
	 * BUYUK gosteriyor ve hiyerarsi tersine doniyordu.
	 */
	.idsa-nav__liste a,
	.idsa-nav__sube-ad,
	.idsa-nav__tel,
	.idsa-nav__tumu {
		font-size: 0.9375rem;                 /* 15px */
	}

	.idsa-nav__tumu svg {
		inline-size: 1.125rem;
		block-size: 1.125rem;
	}

	/* 15px yazinin yaninda 56px yuvarlak orantisiz duruyor; 44px'lik
	   dokunma hedefinin altina inmeden kuculuyor. */
	.idsa-nav__ara {
		inline-size: 2.75rem;
		block-size: 2.75rem;
	}

	.idsa-nav__ara svg {
		inline-size: 1.25rem;
		block-size: 1.25rem;
	}
}



/* =====================================================================
   "Bize Ulaşın" form sayfası
   =====================================================================
   Tasarim: Figma "MacBook Pro 16" - 14" (445:4121), 1728x1117 cerceve.

     yan bosluk       93 / 100          -> %5,5
     sol sutun        623 (metin)       sag sutun 752 (form), arasi 153
     baslik           Oswald 128/400
     metin            DM Sans 24/500
     alan             752x74, kose 32, zemin #E4E0D8
     etiket           DM Sans 24/500, alanin 28px ustunde
     mesaj alani      752x146
     gonder butonu    Component 17: 367x76, kose 50, #22343A,
                      DM Sans 32/500, icinde 80x64 krem daire + ok

   Alan ici yazi boyutu tasarimda yalnizca sube seciminde gorunuyor
   (32px). Diger alanlar bos cizilmis; hepsine tek ve okunakli bir olcu
   (1,25rem) verildi -- 32px bir e-posta alaninda orantisiz kaciyordu.
   ===================================================================== */

.idsa-ulasin {
	--idsa-alan-zemin: #E4E0D8;

	box-sizing: border-box;
	display: grid;
	/* Tasarimda sutunlar 623:752 ama baslik kendi sutunundan tasip
	   bosluga giriyor. Sabit oranla kucultunce baslik iki satira
	   duserdi; bu yuzden sutunlar esitlendi. */
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(2rem, 3.4vw, 4rem);
	align-items: start;
	/*
	 * Tasarim 1728px'lik cerceveye gore cizilmis; daha genis ekranlarda
	 * birebir olcegiyle basmak bolumu kocaman gosteriyordu. Icerik
	 * 1360px'de duruyor ve ortalaniyor, tipografi de tasarimin yaklasik
	 * %70'ine cekildi. Oranlar korundu, yalnizca olcek kucultuldu.
	 */
	max-inline-size: 85rem;
	margin-inline: auto;
	padding-block: clamp(2.5rem, 4.5vw, 4.5rem) clamp(3rem, 5vw, 5rem);
	padding-inline: clamp(1.25rem, 4vw, 3rem);
}

.idsa-ulasin__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.5rem, 4.7vw, 5.5rem);
	line-height: 1;
	color: var(--wp--preset--color--contrast);
}

.idsa-ulasin__metin {
	margin: clamp(1.25rem, 2vw, 2rem) 0 0;
	max-inline-size: 32rem;
	font-size: clamp(1rem, 1.1vw, 1.1875rem);
	font-weight: 500;
	line-height: 1.5;
}

/* --- Soldaki marka şekli kompozisyonu --- */

/*
 * Kompozisyon tasarimdan cikarilan tek bir SVG (assets/img/sekil-kompozisyon.svg).
 * Once bes ayri kutu CSS ile yeniden ciziliyordu; dondurulmus sekillerin
 * konumu tasarimdakiyle tam ortusmuyordu.
 */
.idsa-ulasin__grafik {
	inline-size: min(100%, 26.5rem);   /* tasarimda 534, %80 olcek */
	margin-block-start: clamp(1.75rem, 4.5vw, 4.5rem);
}

.idsa-ulasin__grafik img {
	display: block;
	inline-size: 100%;
	block-size: auto;
}

/* --- Form alanları --- */

.idsa-ulasin__form .wpcf7-form p {
	margin: 0 0 clamp(0.75rem, 1.16vw, 1rem);
}

.idsa-ulasin__form .wpcf7-form label {
	display: block;
	font-size: clamp(0.9375rem, 1.1vw, 1.1875rem);
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}

.idsa-ulasin__form .wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea) {
	box-sizing: border-box;
	display: block;
	inline-size: 100%;
	margin-block-start: clamp(0.5rem, 1.2vw, 1.375rem);
	min-block-size: 3.75rem;               /* tasarim 74, %80 olcek */
	padding: 1rem 1.75rem;
	border: 0;
	border-radius: 1.625rem;               /* tasarim 32, %80 olcek */
	/* Yalnizca renk: kisaltma asagidaki secim okunu (arka plan gorseli) siliyordu. */
	background-color: var(--idsa-alan-zemin);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.4;
}

/* Yukseklik block-size ile veriliyor: eklentinin "rows" ozniteligi
   ictekinden buyuk bir dogal yukseklik uretiyor ve min-block-size'i
   etkisiz birakiyordu. */
.idsa-ulasin__form .wpcf7-form textarea {
	block-size: 7.375rem;                  /* tasarim 146, %80 olcek */
	min-block-size: 0;
	resize: vertical;
}

/* Select'in yerlesik oku tarayiciya gore degisiyor; kendi okumuz
   konup varsayilan kaldiriliyor ki diger alanlarla ayni gorunsun. */
.idsa-ulasin__form .wpcf7-form select {
	appearance: none;
	padding-inline-end: 3.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322343A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.75rem center;
	background-size: 1.35rem;
}

.idsa-ulasin__form .wpcf7-form :is(input, select, textarea)::placeholder {
	color: color-mix(in srgb, var(--wp--preset--color--contrast) 65%, transparent);
}

.idsa-ulasin__form .wpcf7-form :is(input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

/* KVKK onayi tasarimda yok; yasal olarak gerekli oldugu icin
   korunuyor, alanlarla ayni dilde ama daha sakin. */
.idsa-ulasin__form .wpcf7-acceptance .wpcf7-list-item {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	margin: 0;
}

.idsa-ulasin__form .wpcf7-form input[type="checkbox"] {
	flex: none;
	inline-size: 1.15rem;
	block-size: 1.15rem;
	min-block-size: 0;
	margin-block-start: 0.2rem;
	padding: 0;
	border-radius: 4px;
	accent-color: var(--wp--preset--color--contrast);
}

.idsa-ulasin__form .wpcf7-acceptance .wpcf7-list-item-label {
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 400;
	line-height: 1.5;
}

/* --- Gönder butonu: tasarim sistemindeki "İletişime Geç" bileseni --- */

.idsa-ulasin__form .wpcf7-form input[type="submit"] {
	min-block-size: 3.875rem;              /* tasarim 76, %80 olcek */
	min-inline-size: min(18.375rem, 100%);  /* tasarim 367, %80 olcek */
	margin-block-start: clamp(1rem, 2vw, 2rem);
	padding: 0 2.5rem;
	border: 0;
	border-radius: 3.125rem;               /* tasarim 50 */
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1.0625rem, 1.5vw, 1.625rem);
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.idsa-ulasin__form .wpcf7-form input[type="submit"]:hover {
	background: var(--wp--preset--color--accent);
}

/* --- Eklentinin durum mesajları --- */

.idsa-ulasin__form .wpcf7 form .wpcf7-response-output {
	margin: clamp(1rem, 2vw, 2rem) 0 0;
	padding: 0.875rem 1.5rem;
	border-width: 2px;
	border-radius: 1rem;
	font-size: var(--wp--preset--font-size--md);
}

.idsa-ulasin__form .wpcf7-not-valid-tip {
	margin-block-start: 0.5rem;
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.idsa-ulasin__form .wpcf7-form :is(input, select, textarea).wpcf7-not-valid {
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--accent);
}

.idsa-ulasin__form .wpcf7-spinner {
	margin-inline-start: 0.75rem;
}

/*
 * Tasarimin kendi olcusu (445:4121, 1728 cerceve). Bolum onceden
 * tasarimin ~%70'ine kucultulmus ve 1360'ta ortalanmisti (baslik 88,
 * form 603 genis); simdi tasarimdaki gibi:
 *   yan bosluk sol 93, sag 100; baslik x 93 / y 230, Oswald 128/128
 *   giris 43 altta, 670 genis, 20/23,8 (500)
 *   sekiller girisin 129 altinda, 531 genis (renkler tasarimdaki
 *   #5A737A kare, #22343A elmas -- SVG'de acik tonlar kalmisti)
 *   form x 964, 664 genis; alanlar 61 yuksek, aralari 16, kose 32,
 *   yazi 24/500 #3B5058 (%70), soldan 25 iceride; secimlerde 30x16 ok,
 *   sagdan 33 iceride; mesaj alani 146
 *   onay satiri 23 altta: 34'luk kutu, yazi 24/500
 *   Gonder 67 altta, saga yasli, 251x81, kose 20, 28/600 (-1,12),
 *   yazidan once 55, sagda 39'luk cizgili daire ok (sagdan 40)
 */
.idsa-ulasin {
	grid-template-columns: minmax(0, 871fr) minmax(0, 664fr);
	gap: 0;
	max-inline-size: 108rem;
	padding-block: clamp(1.5rem, 5.44vw, 5.875rem) clamp(3rem, 5vw, 5rem);   /* baslik y 230 */
	padding-inline: clamp(1.25rem, 5.38vw, 5.8125rem) clamp(1.25rem, 5.79vw, 6.25rem);
}

.idsa-ulasin__baslik {
	font-size: clamp(2.5rem, 7.4vw, 8rem);          /* 128 */
}

.idsa-ulasin__metin {
	margin-block-start: clamp(1rem, 2.49vw, 2.6875rem);   /* 43 */
	max-inline-size: 41.875rem;                           /* 670 */
	font-size: clamp(1rem, 1.16vw, 1.25rem);              /* 20 */
	line-height: 1.19;
}

.idsa-ulasin__grafik {
	inline-size: min(100%, 33.1875rem);                   /* 531 */
	margin-block-start: clamp(2rem, 7.47vw, 8.0625rem);   /* 129 */
	margin-inline-start: clamp(0rem, 4.34vw, 4.6875rem);  /* sekiller girisin 75 saginda */
}

/* Form alanlari: ilk alan basligin 7 altinda. */
.idsa-ulasin__form {
	padding-block-start: clamp(0rem, 0.41vw, 0.4375rem);
}

.idsa-ulasin__form .wpcf7-form p {
	margin: 0 0 1rem;                                     /* 16 */
}

.idsa-ulasin__form .wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea) {
	margin-block-start: 0;
	min-block-size: 3.8125rem;                            /* 61 */
	padding: 0.75rem 1.5625rem;                           /* yazi 25 iceride */
	border-radius: 2rem;                                  /* 32 */
	color: #3B5058;
	font-size: clamp(1rem, 1.39vw, 1.5rem);               /* 24 */
	line-height: 1.2;
}

.idsa-ulasin__form .wpcf7-form textarea {
	block-size: 9.125rem;                                 /* 146 */
}

.idsa-ulasin__form .wpcf7-form :is(input, select, textarea)::placeholder {
	color: rgb(59 80 88 / 0.7);
}

.idsa-ulasin__form .wpcf7-form select {
	padding-inline-end: 5rem;
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 16' fill='none' stroke='%2322343A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5L15 14.5L28.5 1.5'/%3E%3C/svg%3E" );
	background-position: right 2.0625rem center;
	background-size: 1.875rem 1rem;
}

/* Secim yapilmamis secim listesi yer tutucu tonunda. */
.idsa-ulasin__form .wpcf7-form select:has(option[value=""]:checked) {
	color: rgb(59 80 88 / 0.7);
}

/* Onay satiri: tasarimda 34'luk kutu ve 24/500 yazi; KVKK baglantisi altı cizili. */
.idsa-ulasin__form .wpcf7-form p:has(.wpcf7-acceptance) {
	margin-block-start: clamp(0.75rem, 0.41vw, 0.4375rem);   /* mesaj alaninin 23 altinda (16 + 7) */
}

/* Kutu ve yazi CF7'de bir <label> icinde; yan yana dizilen o. */
.idsa-ulasin__form .wpcf7-acceptance label {
	display: flex;
	align-items: center;
	gap: 0.8125rem;                                       /* 13 */
	margin: 0;
}

.idsa-ulasin__form .wpcf7-form input[type="checkbox"] {
	appearance: none;
	inline-size: clamp(1.25rem, 1.97vw, 2.125rem);       /* 34 */
	block-size: clamp(1.25rem, 1.97vw, 2.125rem);
	margin: 0;
	border: 0;
	background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%2322343A'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V48H208V208Z'/%3E%3C/svg%3E" ) center / contain no-repeat;
	cursor: pointer;
}

.idsa-ulasin__form .wpcf7-form input[type="checkbox"]:checked {
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%2322343A'%3E%3Cpath d='M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM208,208V48H48V208H208Z'/%3E%3C/svg%3E" );
}

.idsa-ulasin__form .wpcf7-form input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

.idsa-ulasin__form .wpcf7-acceptance .wpcf7-list-item-label {
	color: #3B5058;
	font-size: clamp(1rem, 1.39vw, 1.5rem);               /* 24 */
	font-weight: 500;
	line-height: 1.2;
}

/* Gonder: sag alta, ok ikonuyla; bekleme gostergesi solunda (sagda yer
   kapliyor, dugmeyi kenardan 60px iceri itiyordu). */
.idsa-ulasin__form .wpcf7-form p:has(input[type="submit"]) {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.idsa-ulasin__form .wpcf7-spinner {
	order: -1;
	margin: 0 0.75rem 1.75rem 0;
}

.idsa-ulasin__form .wpcf7-form input[type="submit"] {
	min-block-size: clamp(3rem, 4.69vw, 5.0625rem);       /* 81 */
	min-inline-size: clamp(10rem, 14.53vw, 15.6875rem);   /* 251 */
	margin-block-start: clamp(1.5rem, 3.36vw, 3.625rem);  /* onay satirindan 67 (58 + 9) */
	padding: 0 clamp(3.5rem, 5.44vw, 6.1875rem) 0 clamp(1.5rem, 3.18vw, 3.4375rem);   /* 99 / 55 */
	border-radius: 1.25rem;                               /* 20 */
	background: var(--wp--preset--color--contrast) url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8F2E8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8M13 8l4 4-4 4'/%3E%3C/svg%3E" ) no-repeat right clamp(1.25rem, 2.31vw, 2.5rem) center / clamp(1.5rem, 2.26vw, 2.4375rem);
	font-size: clamp(1.125rem, 1.62vw, 1.75rem);          /* 28 */
	font-weight: 600;
	letter-spacing: -0.04em;
	text-align: start;
}

.idsa-ulasin__form .wpcf7-form input[type="submit"]:hover {
	background-color: var(--wp--preset--color--accent);
}

/* =====================================================================
   Açılır pencere (KVKK aydınlatma metni)

   Görünüm eski e-bülten penceresinden (610:832) kaldı: 751 genis
   pencere %80 olcekle, kose 20, zemin #22343A, krem yazi. E-bülten
   kaydı tasarımdan çıkarıldı.
   ===================================================================== */

/* --- Pencerenin kendisi --- */

.idsa-modal {
	/* Tarayici ortalamasi yerine kendi olculerimiz: tasarimda pencere
	   ekranin ortasinda duruyor. */
	position: fixed;
	inset: 0;
	box-sizing: border-box;
	inline-size: min(100% - 2rem, 37.5rem);   /* tasarim 751, %80 olcek */
	/* inset:0 + margin:auto ortaliyor; yukseklik "auto" birakilirsa
	   kutu ekrani boydan boya dolduruyor, fit-content ise icerige
	   gore buyuyup ortalanmaya devam ediyor. */
	block-size: fit-content;
	max-block-size: calc(100dvh - 2rem);
	margin: auto;
	padding: clamp(1.5rem, 4vw, 3rem);        /* tasarim 63 */
	overflow: auto;
	border: 0;
	border-radius: 1.25rem;                   /* tasarim 20 */
	/*
	 * 16 Eylul tasariminda pencereler krem zeminli (915:1733, 875:1341):
	 * once koyu paneldi. Yazi rengi de onunla birlikte koyulastirildi.
	 */
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.idsa-modal::backdrop {
	background: rgb(35 44 48 / 0.55);
}

/* Tasarimda kapatma dugmesi yok; koseye sessiz bir capraz koyuldu --
   Esc'i ve arka plana tiklamayi bilmeyen ziyaretci icin gorunur cikis. */
.idsa-modal__kapat {
	position: absolute;
	inset-block-start: 0.875rem;
	inset-inline-end: 0.875rem;
	display: grid;
	place-items: center;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: currentColor;
	opacity: 0.7;
	cursor: pointer;
}

.idsa-modal__kapat:hover { opacity: 1; }

.idsa-modal__kapat svg {
	inline-size: 1.125rem;
	block-size: 1.125rem;
}

.idsa-modal__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 600;
	font-size: clamp(1.375rem, 1.85vw, 2rem);   /* tasarim 32 */
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

/* =====================================================================
   Duyuru penceresi (anasayfa açılış duyurusu)

   Tamamen görselden ibaret: afişin kendi tasarımı var, üzerine yazı
   binmiyor. Panel görselin en-boy oranını alıyor, yüksekliği ekranı
   aşmıyor.
   ===================================================================== */

.idsa-duyuru {
	position: fixed;
	inset: 0;
	box-sizing: border-box;
	inline-size: min(100% - 2.5rem, 37.5rem);   /* eski sitede 600 */
	block-size: fit-content;
	max-block-size: calc(100dvh - 3rem);
	margin: auto;
	padding: 0;
	overflow: visible;                          /* kapatma dugmesi kosede tasiyor */
	border: 0;
	border-radius: 1.25rem;
	background: none;
}

.idsa-duyuru::backdrop {
	background: rgb(35 44 48 / 0.6);
}

.idsa-duyuru img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	max-block-size: calc(100dvh - 3rem);
	object-fit: contain;
	border-radius: 1.25rem;
}

/*
 * Kapatma dugmesi kosenin disinda: afisin uzerini kapatmasin. Dar
 * ekranda disari tasmamasi icin iceri aliniyor.
 */
.idsa-duyuru__kapat {
	position: absolute;
	inset-block-start: -1rem;
	inset-inline-end: -1rem;
	z-index: 1;
	display: grid;
	place-items: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	box-shadow: 0 2px 10px rgb(0 0 0 / 0.25);
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.idsa-duyuru__kapat:hover {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

.idsa-duyuru__kapat svg {
	inline-size: 1.25rem;
	block-size: 1.25rem;
}

@media (max-width: 600px) {
	.idsa-duyuru__kapat {
		inset-block-start: 0.5rem;
		inset-inline-end: 0.5rem;
	}
}

/* --- KVKK aydınlatma metni penceresi --- */

/*
 * Metin uzun olabilir: pencere ekran yuksekliginde duruyor ve yazi
 * kendi icinde kayiyor (.idsa-modal zaten overflow:auto).
 */
.idsa-modal__yazi {
	margin-block-start: clamp(1rem, 2vw, 1.5rem);
	font-size: clamp(0.875rem, 1.05vw, 1rem);
	line-height: 1.6;
}

.idsa-modal__yazi p {
	margin: 0 0 1em;
}

.idsa-modal__yazi p:last-child {
	margin-block-end: 0;
}

/* Onay kutusunun yanindaki baglanti: dugme ama bag gibi gorunuyor. */
.idsa-kvkk-bag {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	cursor: pointer;
}

.idsa-kvkk-bag:hover {
	color: var(--wp--preset--color--accent);
}

/* =====================================================================
   İK başvurusu: belge bırakma kutusu

   Kutu tasarimdaki (610:987) cerceveli alan: 625x158, kose 12, 1px
   cerceve, 66'lik ikon, 20/600 ve 20/400 iki satir. Tasarimda koyu
   panelin uzerindeydi; kendi sayfasinda krem zemin uzerinde durdugu
   icin cerceve ve yazi rengi metinden (currentColor) aliniyor.

   Sira: kisi bilgileri, belge kutusu, Gönder. Kutu formun kardesi
   oldugu icin sirayi flex "order" veriyor; CF7'nin kendi sarmalayici
   div'i ve <form>'u kutu birakiyor ki alanlar da ayni siraya girsin.
   ===================================================================== */

.idsa-birak {
	display: flex;
	flex-direction: column;
}

.idsa-birak .wpcf7,
.idsa-birak .wpcf7-form {
	display: contents;
}

.idsa-birak .wpcf7-form p {
	order: 1;
}

.idsa-birak__kutu,
.idsa-birak .wpcf7-form p:has(input[type="file"]) {
	order: 2;
}

/* KVKK onayi kutunun altinda, Gönder'in ustunde. */
.idsa-birak .wpcf7-form p:has(input[type="checkbox"]) {
	order: 3;
}

.idsa-birak .wpcf7-form p:has(input[type="submit"]) {
	order: 4;
}

.idsa-birak .wpcf7-response-output {
	order: 5;
}

.idsa-birak__kutu {
	box-sizing: border-box;
	display: grid;
	justify-items: center;
	align-content: center;
	gap: 0.375rem;
	min-block-size: 7.875rem;                 /* tasarim 158 */
	margin-block-end: clamp(0.75rem, 1.16vw, 1rem);
	padding: 1rem;
	border: 1px solid currentColor;
	border-radius: 0.75rem;                   /* tasarim 12 */
	color: var(--wp--preset--color--contrast);
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.idsa-birak--uzerinde .idsa-birak__kutu,
.idsa-birak__kutu:hover {
	background: rgb(59 80 88 / 0.06);
}

/*
 * Gercek dosya alani gorunmedigi icin odagi kutu gosteriyor. Yalnizca
 * klavyeyle geldiginde: fare tiklamasinda cerceve cikmiyor.
 */
.idsa-birak:has(input[type="file"]:focus-visible) .idsa-birak__kutu {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Alan gizli oldugu icin bu satir yalnizca hata mesajini tasiyor. */
.idsa-birak .wpcf7-form p:has(input[type="file"]) {
	margin: 0;
}

.idsa-birak__ikon {
	inline-size: clamp(2.25rem, 3vw, 3.3125rem);   /* tasarim 66 */
	block-size: auto;
	margin-block-end: 0.25rem;
}

.idsa-birak__ad {
	font-size: clamp(0.875rem, 1.1vw, 1rem);       /* tasarim 20 */
	font-weight: 600;
	line-height: 1.3;
	/* Uzun dosya adlari kutuyu tasirmasin. */
	overflow-wrap: anywhere;
}

.idsa-birak__not {
	font-size: clamp(0.8125rem, 1.1vw, 1rem);
	font-weight: 400;
	line-height: 1.3;
	opacity: 0.85;
}

/*
 * Dosya alani ekran okuyucular icin duruyor ama gorunmuyor: secimi
 * yukaridaki <label> yapiyor. display:none olsaydi zorunlu alan
 * uyarisi odaklanamaz, bazi tarayicilarda dogrulama sessiz kalirdi.
 */
.idsa-birak input[type="file"] {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (max-width: 900px) {
	.idsa-ulasin {
		grid-template-columns: 1fr;
		gap: clamp(2rem, 6vw, 3rem);
	}

	/* Dar ekranda grafik formdan sonra gelsin; once ise yarayan sey. */
	.idsa-ulasin__grafik {
		order: 2;
	}

	.idsa-ulasin__sol {
		display: contents;
	}

	.idsa-ulasin__form {
		order: 1;
	}
}


/* =====================================================================
   Eğitim sayfaları — 3 Eylül 2026 tasarım güncellemesi
   =====================================================================
   Kaynak kareler: eğitimiçeriği/<grup> (üst ekran) ve
   MacBook Pro 16" - 7 / 9 / 11 / 13 (tam sayfa), 1728px çerçeve.

     üst başlık        Oswald 100/500   (önceki sürümde ~120)
     büyük cümle       DM Sans 80/600, blok 1081 geniş, ortalı
     liste başlığı     Oswald 128/500, solda 588
     ders adı          DM Sans 48/500
     "+" işareti       DM Sans 96/400
     satır             125 yüksek, 152 aralık, çizgi 826 geniş
     "Eğitmenler"      Oswald 96/400
     liste sütunları   671 : 833

   Bu blok dosyanin sonunda: ayni ozgullukteki eski kurallari sirayla
   eziyor, boylece onceki bolum oldugu gibi kalip yalnizca olculer
   guncelleniyor. */

.idsa-egitim-hero__baslik {
	font-weight: 500;
	font-size: clamp(2.5rem, 5.8vw, 6.25rem);
}

/* Cümle artık ortalı ve tasarımdaki blok genişliğinde. */
.idsa-egitim-hero__cumle {
	max-inline-size: min(100%, 67.5rem);   /* tasarim 1081 */
	font-size: clamp(1.5rem, 4.63vw, 5rem);
	font-weight: 600;
	line-height: 1.15;
}

/* --- İletişime Geç: tasarım sistemindeki Component 17 --- */

/*
 * Buton her grupta ayni koyu ton (Component 17: #22343A). Onceki
 * surumde grup rengini aliyordu ve Cocuk sayfasinda turuncu cikiyordu.
 */
.idsa-buton {
	background: var(--wp--preset--color--contrast);
	gap: clamp(1rem, 2.2vw, 2.375rem);
	min-block-size: 4.75rem;               /* tasarim 76 */
	padding: 0 0.375rem 0 clamp(1.25rem, 2.4vw, 2.5rem);
	border-radius: 3.125rem;               /* tasarim 50 */
	font-size: clamp(1.125rem, 1.85vw, 2rem);
	font-weight: 500;
}

.idsa-buton__ok {
	inline-size: clamp(2.75rem, 4.63vw, 5rem);   /* tasarim 80 */
	block-size: clamp(2.25rem, 3.7vw, 4rem);     /* tasarim 64 */
	border-radius: 3.125rem;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.idsa-buton__ok svg {
	inline-size: clamp(1.25rem, 2.1vw, 2.25rem);
	block-size: clamp(1.25rem, 2.1vw, 2.25rem);
}

/* --- Ders listesi --- */

.idsa-dersliste {
	grid-template-columns: minmax(0, 671fr) minmax(0, 833fr);
	gap: clamp(1.5rem, 4.8vw, 5.1875rem);
}

.idsa-dersliste__baslik {
	font-weight: 500;
	font-size: clamp(2rem, 8.68vw, 9.375rem);   /* tasarim 150 */
	line-height: 1.17;                          /* tasarim 175,4 / 150 */
}

/*
 * Parantez icindeki yas araligi tasarimda alt satirda ve daha kucuk
 * (96px, adin %64'u). Metin wp-admin'de tek satir girildigi icin
 * ayrimi sablon yapiyor (bkz. patterns/egitim-detay.php).
 */
.idsa-dersliste__yas {
	display: block;
	font-size: 0.64em;
	line-height: 1.17;
}

/*
 * Satir: tasarimda 125 yuksek, aralik 152 -> aradaki 27px cizginin
 * altinda kaliyor. Bu yuzden bosluk margin ile veriliyor, cizgi
 * satirin kendi alt kenari.
 */
.idsa-ders-satir {
	margin-block-end: clamp(0.75rem, 1.56vw, 1.6875rem);
}

.idsa-ders-satir__bas {
	padding-block: clamp(0.75rem, 1.85vw, 2rem) clamp(0.5rem, 1.16vw, 1.25rem);
}

.idsa-ders-satir__ad {
	font-size: clamp(1.125rem, 2.78vw, 3rem);   /* tasarim 48 */
	font-weight: 500;
	line-height: 1.3;
}

/*
 * Isaret tasarimda iki cizgi degil, DM Sans'in "+" karakteri (96px).
 * Yazi tipinin kendi artisini kullanmak, cizgi kalinligini ve
 * boslugunu tasarimla ayni tutuyor.
 */
.idsa-ders-satir__isaret {
	inline-size: auto;
	block-size: auto;
	font-size: clamp(1.75rem, 5.5vw, 6rem);
	font-weight: 400;
	line-height: 0.8;
	transition: rotate 220ms ease;
}

.idsa-ders-satir__isaret::before,
.idsa-ders-satir__isaret::after {
	content: none;
}

.idsa-ders-satir__isaret::before {
	content: "+";
}

.idsa-ders-satir[open] .idsa-ders-satir__isaret {
	rotate: 45deg;
}

/* --- Eğitmenler bölümü --- */

.idsa-kadro--bolum .idsa-kadro__baslik {
	font-weight: 400;
	font-size: clamp(1.75rem, 5.5vw, 6rem);   /* tasarim 96 */
}

/* Dar ekranda ders listesi tek sütun. Yukaridaki iki sutunlu tanimdan
   SONRA gelmeli; ayni ozgullukte oldugu icin sirasi belirleyici
   (dosyanin basindaki mobil blok tek basina yetmiyor). */
@media (max-width: 782px) {
	.idsa-dersliste {
		grid-template-columns: 1fr;
	}
}

/* --- Büyük cümledeki el çizimi vurgular -------------------------------
 *
 * Tasarimda cumlenin bir sozcugu elle cizilmis bir daire icinde, bir
 * bolumunun da alti kalin bir cizgiyle isaretli (14px, 1728 cercevede).
 * Daire Figma'dan SVG olarak alindi ve maske olarak kullaniliyor;
 * boylece rengi gruba gore degisebiliyor (bkz. idsa_egitim_vurgu_rengi).
 * Hangi sozcugun isaretlenecegi metnin icinde yaziyor, konuma gore
 * degil -- kurum cumleyi degistirdiginde isaret sozcukle birlikte
 * gidiyor. */

:root {
	--idsa-vurgu-daire: url("assets/img/vurgu-daire.svg");
}

.idsa-vurgu {
	position: relative;
	display: inline-block;
	white-space: nowrap;
}

/*
 * Cizgi metnin uzerinden geciyor (tasarimda da oyle), bu yuzden arkaya
 * itilmiyor. z-index: -1 denenirse en yakin yigin baglaminin zeminine
 * dusup tamamen gorunmez oluyordu.
 */
.idsa-vurgu--daire::after {
	content: "";
	position: absolute;
	inset: -0.22em -0.3em;
	pointer-events: none;
	background: var(--idsa-vurgu-renk, var(--wp--preset--color--accent));
	-webkit-mask: var(--idsa-vurgu-daire) center / 100% 100% no-repeat;
	mask: var(--idsa-vurgu-daire) center / 100% 100% no-repeat;
}

.idsa-vurgu--alti::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: -0.04em;
	block-size: 0.175em;                /* tasarim 14px @ 80px */
	background: var(--idsa-vurgu-renk, var(--wp--preset--color--accent));
}

/* Cümlenin sonundaki nokta tasarımda küçük dolu bir daire. */
.idsa-egitim-hero__cumle .idsa-shape {
	--idsa-shape-size: 0.42em;
	background: var(--idsa-vurgu-renk, var(--wp--preset--color--accent));
}

/* --- Eğitmen kartı: ad fotoğrafın üstünde ----------------------------
 *
 * Tasarimda (slide/eğitmenler) kart 395x527 bir fotograf; ad sol altta
 * krem renkte Oswald 36, sag altta daire icinde ok. Onceki surumde ad
 * fotografin altinda duz metin olarak duruyordu. */

.idsa-kadro__kart {
	position: relative;
	/* Tasarimda kart 395x527. Onceki surumde yukseklik seride gore
	   esneyip fotografi uzatiyordu. */
	aspect-ratio: 395 / 527;
	block-size: auto;
	overflow: hidden;
	border-radius: 1.25rem;          /* tasarim 20 */
}

/* Fotograf bagi <a>; ontanimli inline oldugu icin yukseklik almiyordu. */
.idsa-kadro__foto {
	display: block;
	block-size: 100%;
}

.idsa-kadro__foto img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

/*
 * Alttaki perde. Tasarimda fotografta ic golge var: #3B5058 %64,
 * asagidan 103px, 21,7 bulanik -- yani alt ~92px'te duz bir renk,
 * ~114px'te bitiyor. Onceki surumde kartin %45'ine yayilan daha koyu
 * bir gecis vardi; adin arkasinda koyu bir kutu gibi duruyordu.
 */
.idsa-kadro__kart::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset-inline: 0;
	inset-block-end: 0;
	block-size: 21.6%;               /* 114 / 527 */
	background: linear-gradient(to top, rgba(59, 80, 88, 0.64) 81%, rgba(59, 80, 88, 0));
	pointer-events: none;
}

.idsa-kadro__ad {
	position: absolute;
	z-index: 2;
	inset-inline: clamp(0.75rem, 1.27vw, 1.375rem) clamp(3.5rem, 5vw, 5.25rem);
	inset-block-end: clamp(0.75rem, 1.22vw, 1.3125rem);
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(1rem, 2.08vw, 2.25rem);   /* tasarim 36 */
	line-height: 1.482;                        /* tasarim 36 / 53,35 */
	text-transform: uppercase;
}

.idsa-kadro__ad a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

/* Kartin tamamini tiklanabilir yapan gorunmez katman: ad baglantisi
   kucuk bir hedef, fotograf ise buyuk. */
.idsa-kadro__ad a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/*
 * Sag alttaki daire icinde ok. Isaretlemeye dokunmadan cizilebilsin
 * diye ::after olarak: boylece hem bu desende hem de cekirdek sorgu
 * bloklariyla kurulu /egitmenlerimiz arsivinde ayni gorunuyor.
 */
.idsa-kadro__kart::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset-inline-end: clamp(0.75rem, 1.27vw, 1.375rem);
	inset-block-end: clamp(0.75rem, 1.22vw, 1.3125rem);
	display: grid;
	place-items: center;
	inline-size: clamp(1.75rem, 2.49vw, 2.6875rem);   /* tasarim 43 */
	block-size: clamp(1.75rem, 2.49vw, 2.6875rem);
	border: 2px solid var(--wp--preset--color--base);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8F2E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 55% no-repeat;
	pointer-events: none;
}

/* =====================================================================
   Eğitimlerimiz sayfası (/egitimler)

   Tasarim: Figma "Eğitimler" (509:921), 1730 cerceve.
     ust bant  #22343A, 386 yuksek; yol izi 16/300, baslik 128/400,
               giris 20/400 -- hepsi krem
     grup      ad 96/500 grup renginde, yas 24/400 ayni renk,
               cumle 32/500 koyu
     kart      397x348, uclu izgara, 25 aralik; etiket 32/400 krem,
               fotografin sol altinda
     alt bant  #22343A, 300 yuksek; tek satir 40/500
   ===================================================================== */

/* Icerik sutunu tasarimda 1241 genisliginde ve ortali. */
.idsa-egitimler-ust__ic,
.idsa-egitimler__grup,
.idsa-egitimler-cta {
	--idsa-egitimler-en: min(100% - 2 * var(--wp--preset--spacing--40), 77.5625rem);
}

/* --- Üst bant --- */

/*
 * Tasarimda bant ust barin hemen altinda (112..498, 386 yuksek); baslik
 * banttan 68 iceride, giris metninin altinda 86 bosluk. Onceden sayfanin
 * blok araligi (24) bantla bar arasinda acik bir serit birakiyordu.
 */
main:has(> .idsa-egitimler-ust:first-child) {
	margin-block-start: 0;
}

.idsa-egitimler-ust {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding-block: clamp(2rem, 3.94vw, 4.25rem) clamp(2.5rem, 4.98vw, 5.375rem);   /* 68 / 86 */
	padding-inline: var(--wp--preset--spacing--40);
}

.idsa-egitimler-ust__ic {
	inline-size: var(--idsa-egitimler-en);
	margin-inline: auto;
}

.idsa-egitimler-ust__baslik {
	margin: 0 0 0.375rem;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.75rem, 7.4vw, 8rem);   /* tasarim 128 */
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: inherit;
}

.idsa-egitimler-ust__giris {
	margin: 0;
	max-inline-size: 77.1875rem;              /* tasarim 1235 */
	font-size: clamp(0.9375rem, 1.16vw, 1.25rem);
	line-height: 1.2;
	color: inherit;
}

/* --- Grup bölümü --- */

/*
 * Tasarimda bandin altindan ilk grubun yas satirina 98, bir grubun son
 * kart satirindan sonrakinin yas satirina 224.
 */
.idsa-egitimler__grup {
	inline-size: var(--idsa-egitimler-en);
	margin-inline: auto;
	/*
	 * 90 (onceden 98): yas satiri sekille birlikte adin 24 ustune cikti;
	 * bant ile ad arasindaki mesafe tasarimdaki gibi kalsin diye bosluk
	 * 8px azaldi.
	 */
	padding-block: clamp(3.5625rem, 5.21vw, 5.625rem) 0;       /* 90; mobilde 57 */
	/* Menuden bolume gelindiginde yapiskan ust barin altinda kalmasin. */
	scroll-margin-block-start: 7rem;
}

.idsa-egitimler__grup + .idsa-egitimler__grup {
	padding-block-start: clamp(5.3125rem, 12.96vw, 14rem);     /* 224; mobilde 85 */
}

/*
 * Grup basligi (tasarim, yas satirinin ustune gore): ad 15 asagida --
 * yas satirina biniyor --, cumle 50 asagida, kartlar 197 asagida.
 * Baslik bir <header>; genel header kurali ona 24px yan bosluk veriyordu
 * ve her sey tasarimdan 24px iceride kaliyordu.
 */
.idsa-egitimler__ust {
	padding: 0;
	display: grid;
	/*
	 * Tasarim: ad sutunu 394, cumle 845 -- toplam 1241. Ad sutununun
	 * alt siniri icerigin kendisi: "KURUMSAL" 96px'te 394'ten genis ve
	 * minmax(0, …) ile sutun kucultuldugunde cumlenin uzerine biniyordu.
	 * Tasarimda da o grupta cumle 41px daha sagdan basliyor.
	 */
	grid-template-columns: minmax(max-content, 394fr) minmax(0, 845fr);
	/*
	 * Sutun araligi yok: cumle tasarimdaki gibi adin solundan 394
	 * iceride basliyor (onceki 16px aralikla 406'daydi). Adin cumleye
	 * yaklasmamasi icin bosluk kimligin sag dolgusunda; yalniz
	 * "KURUMSAL" gibi genis adlarda sutunu 394'un otesine itiyor.
	 */
	gap: 0;
	align-items: start;
	margin-block-end: clamp(1.5rem, 3.88vw, 4.1875rem);        /* 67: kartlar yasin 197 altinda */
}

.idsa-egitimler__yas {
	margin: 0;
	font-size: clamp(0.75rem, 1.39vw, 1.5rem);     /* tasarim 24; mobilde 12 */
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.04em;                        /* tasarim -0,96 */
	color: var(--idsa-grup-renk, var(--wp--preset--color--contrast));
	/* Satir yuksekligi yazi olmasa da (Kurumsal) ayni kalsin: 28,8. */
	min-block-size: 1.2em;
	display: flex;
	align-items: center;
	/* Tasarim: sekil adin 7 iceriden, yas sekilden 14 sonra. */
	gap: clamp(0.4375rem, 0.81vw, 0.875rem);
	padding-inline-start: clamp(0.25rem, 0.41vw, 0.4375rem);
}

/* Tasarimda sekil 20px, grubun renginde. */
.idsa-egitimler__yas .idsa-shape {
	--idsa-shape-size: clamp(0.625rem, 1.16vw, 1.25rem);
	background: currentColor;
}

/* Yas yazisi grubun renginin %70'i (tasarim 533:1341, opaklik 0,7). */
.idsa-egitimler__yas-metin {
	opacity: 0.7;
}

.idsa-egitimler__kimlik {
	padding-inline-end: clamp(0.5rem, 2.66vw, 2.875rem);
}

.idsa-egitimler__ad {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	margin-block-start: clamp(-0.3rem, -0.28vw, -0.0625rem);    /* ad yas satirinin ustunden 24 asagida */
	font-size: clamp(3rem, 5.56vw, 6rem);          /* tasarim 96; mobilde 48 */
	line-height: 1.2;                               /* tasarim 115,2 */
	/*
	 * Tasarimda -3,84 (-0.04em); o aralikta YETİŞKİN'de E ile T
	 * birbirine degiyordu (tasarimci Figma'da yalniz o basligi 0'a
	 * almis). Tek tek basliga istisna yerine hepsi -0.02em: hicbir
	 * grupta, sonradan eklenenlerde de, harfler degmiyor.
	 */
	letter-spacing: -0.02em;
	/*
	 * Tasarimda grup adi grubun renginde (Çocuk turuncu, Genç mavi...).
	 * Renk eskiden yalnizca bagda (a) tanimliydi; baslik bag olmaktan
	 * cikinca hepsi koyu kalmisti.
	 */
	color: var(--idsa-grup-renk, var(--wp--preset--color--contrast));
}

.idsa-egitimler__ad a {
	color: var(--idsa-grup-renk, var(--wp--preset--color--contrast));
	text-decoration: none;
}

.idsa-egitimler__ad a:hover { text-decoration: underline; }

.idsa-egitimler__cumle {
	margin: clamp(1.375rem, 3.41vw, 3.6875rem) 0 0; /* yas satirinin 59 altinda */
	font-size: clamp(0.8125rem, 1.85vw, 2rem);     /* tasarim 32; mobilde 13 */
	font-weight: 500;
	line-height: 1.17;                              /* tasarim 37,4 */
	letter-spacing: -0.04em;                        /* tasarim -1,28 */
	color: var(--wp--preset--color--contrast);
}

/* --- Ders kartları --- */

.idsa-egitimler__kartlar {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	/* Tasarimda satir arasi 16, sutun arasi 25. */
	gap: clamp(0.5rem, 0.93vw, 1rem) clamp(0.75rem, 1.45vw, 1.5625rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.idsa-ders-kart__bag {
	position: relative;
	display: block;
	aspect-ratio: 397 / 348;
	overflow: hidden;
	border-radius: 1.25rem;                         /* tasarim 20 */
	background: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.idsa-ders-kart__foto {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.idsa-ders-kart__bag:hover .idsa-ders-kart__foto { transform: scale(1.04); }

/*
 * Uzerine gelince turuncu ortu ve "Daha Fazla" dugmesi (tasarim
 * Component 18, 850:2423): ad yukari kayiyor, altinda krem kutu.
 * Dokunmatikte hover yok; orada kart zaten dersin sayfasina gidiyor.
 */
.idsa-ders-kart__bag::after {
	content: "";
	position: absolute;
	inset: 0;
	/*
	 * Ortu grubun rengini aliyor: Cocuk turuncu, Genc mavi, Yetiskin
	 * acik turkuaz, Kurumsal koyu. Degiskeni grup bolumu basiyor
	 * (bkz. patterns/egitimler-liste.php, --idsa-grup-renk); degisken
	 * yoksa eski davranis (turuncu) geciyor.
	 */
	background: var(--idsa-grup-renk, var(--wp--preset--color--accent));
	opacity: 0;
	transition: opacity 0.25s ease;
}

.idsa-ders-kart__bag:hover::after,
.idsa-ders-kart__bag:focus-visible::after { opacity: 0.7; }

.idsa-ders-kart__daha {
	position: absolute;
	z-index: 1;
	inset-inline-start: clamp(0.75rem, 1.5vw, 1.5rem);
	inset-block-end: clamp(0.75rem, 1.2vw, 1.25rem);
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.9375rem;
	border-radius: 8px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 300;
	font-size: 1.25rem;                  /* tasarim 20 */
	line-height: 1.2;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.idsa-ders-kart__daha svg {
	inline-size: 1.625rem;
	block-size: 1.625rem;
}

.idsa-ders-kart__bag:hover .idsa-ders-kart__daha,
.idsa-ders-kart__bag:focus-visible .idsa-ders-kart__daha {
	opacity: 1;
	transform: translateY(0);
}

/* Ortu ve dugme gelince ad yukari kayiyor (tasarimda 302 -> 250). */
.idsa-ders-kart__bag:hover .idsa-ders-kart__ad,
.idsa-ders-kart__bag:focus-visible .idsa-ders-kart__ad {
	transform: translateY(calc(-1 * clamp(2.5rem, 4vw, 3.5rem)));
	background: none;
}

.idsa-ders-kart__ad {
	transition: transform 0.25s ease;
}

/*
 * Etiket fotografin uzerinde duruyor; koyu bir gecis olmadan acik
 * fotograflarda okunmuyor.
 */
/* Tasarim: Oswald 32/38,4, harf araligi -1,28; kartin solundan 25,
   altindan 28 iceride. */
.idsa-ders-kart__ad {
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	padding: clamp(2rem, 5vw, 4rem) clamp(0.75rem, 1.45vw, 1.5625rem) clamp(0.75rem, 1.62vw, 1.75rem);
	background: linear-gradient(to top, rgba(35, 44, 48, 0.85), rgba(35, 44, 48, 0));
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--condensed);
	font-size: clamp(0.75rem, 1.85vw, 2rem);       /* tasarim 32; mobilde 12 */
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.04em;
}

/* --- Alt çağrı bandı --- */

/*
 * Tasarimda son kart satirindan banda 181; bant 300 yuksek: baslik
 * ustten 61, dugme basligin 46 altinda, alttan 66 iceride.
 */
.idsa-egitimler-cta {
	margin-block-start: clamp(3rem, 10.47vw, 11.3125rem);          /* 181 */
	padding-block: clamp(2rem, 3.53vw, 3.8125rem) clamp(2rem, 3.82vw, 4.125rem);   /* 61 / 66 */
	padding-inline: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	text-align: center;
}

/* Tasarim: Oswald 40/48, 500, harf araligi 0,4. */
.idsa-egitimler-cta__baslik {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	font-size: clamp(1.5rem, 2.31vw, 2.5rem);      /* 40 punto */
	line-height: 1.2;
	letter-spacing: 0.01em;
	color: inherit;
}

/* Baslik ile dugme arasi 46px. */
.idsa-egitimler-cta__buton { margin: clamp(1.5rem, 2.66vw, 2.875rem) 0 0; }

/*
 * Koyu bantta buton krem zemin, koyu yazi. Tasarim (Frame 2, 551:1650):
 * 305x79, kose 20; yazi DM Sans 28/600, -1,12; solda 49, sagda 33
 * bosluk, yazi ile ok arasi 21. Ok zeminsiz, 39px cizgili daire
 * (anasayfadaki "Tümünü Gör" ile ayni).
 */
.idsa-egitimler-cta .idsa-buton {
	gap: clamp(0.75rem, 1.215vw, 1.3125rem);
	min-block-size: clamp(3.25rem, 4.57vw, 4.9375rem);       /* 79 */
	padding: 0 clamp(1rem, 1.91vw, 2.0625rem) 0 clamp(1.25rem, 2.84vw, 3.0625rem);   /* 33 / 49 */
	border-radius: 1.25rem;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-size: clamp(1.125rem, 1.62vw, 1.75rem);
	font-weight: 600;
	letter-spacing: -0.04em;
}

.idsa-egitimler-cta .idsa-buton__ok {
	inline-size: clamp(1.5rem, 2.26vw, 2.4375rem);
	block-size: clamp(1.5rem, 2.26vw, 2.4375rem);
	background: none;
	color: inherit;
}

.idsa-egitimler-cta .idsa-buton__ok svg {
	inline-size: 100%;
	block-size: 100%;
}

/*
 * Dar ekran (tasarim idsamobil1, 743:984; 390 genislik). Masaustundeki
 * duzenin kucugu: grup basliginda ad ile cumle yine YAN YANA, kartlar
 * IKI sutun (163 genis, aralari 16/8). Onceden 900'un altinda baslik
 * alt alta diziliyor, 560'in altinda kartlar tek sutuna inip sayfa
 * ~12 300px uzuyordu (tasarimda ~4 200).
 */
@media (max-width: 900px) {
	.idsa-egitimler__kartlar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem 1rem;
	}
}

@media (max-width: 560px) {
	/* Bant 139 yuksek: baslik Oswald 24/500, giris 10 (okunur kalsin diye 12). */
	.idsa-egitimler-ust {
		padding-block: 1.4375rem;                       /* 23 */
		padding-inline: 1.5rem;
	}

	.idsa-egitimler-ust__baslik {
		margin-block-end: 0.25rem;
		font-size: 1.5rem;
		font-weight: 500;
		letter-spacing: 0.02em;
	}

	.idsa-egitimler-ust__giris {
		font-size: 0.75rem;
		letter-spacing: -0.04em;
	}

	/* Alt bant 145: baslik 22, dugme 169x36, kose 20, yazi 14/600. */
	.idsa-egitimler-cta {
		padding-block: 1.875rem 1.25rem;
	}

	.idsa-egitimler-cta__baslik {
		font-size: 1.375rem;
		font-weight: 400;
		letter-spacing: -0.04em;
	}

	.idsa-egitimler-cta__buton { margin-block-start: 1rem; }

	.idsa-egitimler-cta .idsa-buton {
		gap: 0.5rem;
		min-block-size: 2.25rem;
		padding: 0 0.75rem 0 2rem;
		font-size: 0.875rem;
	}

	.idsa-egitimler-cta .idsa-buton__ok {
		inline-size: 1.125rem;
		block-size: 1.125rem;
	}
}

/* =====================================================================
   Anasayfa — Eğitim Programlarımız

   Tasarim: Giriş Ekranı (187:725). Baslik Oswald 128/400, iki yaninda
   marka sekilleri ve altlarinda 116x10 yassi golge; dugme 363x106,
   kose yaricapi 20; kart seridi 317 yuksek, 32 aralikli, yatay kayiyor.
   Kart etiketi Oswald 32/400 krem, fotografin sol altinda.
   ===================================================================== */

.idsa-programlar {
	padding-block: clamp(3rem, 7.4vw, 8rem) clamp(2.5rem, 5vw, 5.5rem);
	text-align: center;
	overflow: hidden;
}

.idsa-programlar__ust {
	padding-inline: var(--wp--preset--spacing--40);
}

/*
 * Sekiller basligin METIN kenarlarina sabitlendigi icin kapsayici
 * basligin genisliginde olmali; inline-block olmasi tam da bunu
 * sagliyor. Bolum genisligine gore konumlandiklarinda genis ekranda
 * yaziyla aralari aciliyordu.
 */
.idsa-programlar__baslik-kap {
	position: relative;
	display: inline-block;
	max-inline-size: 100%;
}

.idsa-programlar__baslik {
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2rem, 7.4vw, 8rem);      /* tasarim 128 */
	line-height: 1.2;
	letter-spacing: -0.04em;          /* tasarim -5,12  */
	color: var(--wp--preset--color--contrast);
}

.idsa-programlar__sekil {
	position: absolute;
	z-index: 0;
	/* Genislik satir ici veriliyor; yukseklik orandan gelsin. */
	block-size: auto;
	/* Golgeleri gorselin kendi icinde; ayrica golge kurali yok. */
	pointer-events: none;
}

/* Sekillerin altindaki yassi golge; tasarimda ayri bir elips. */
.idsa-programlar__buton {
	margin: clamp(1.5rem, 3.4vw, 3.4375rem) 0 0;
}

/*
 * Tasarimda (Frame 2, 574:2336) bu dugme egitim sayfasindakinden daha
 * iri: 363x106, kose 20. Yazi DM Sans 28/600, harf araligi -1,12;
 * yazinin solunda 81, okun saginda 66 bosluk, aralarinda 21. Ok krem
 * daire icinde degil: zeminsiz, 39px cizgili daire (ArrowCircleRight).
 */
.idsa-programlar .idsa-buton {
	gap: clamp(0.75rem, 1.215vw, 1.3125rem);                        /* 21 */
	min-block-size: clamp(3.25rem, 6.13vw, 6.625rem);
	padding: 0 clamp(1.5rem, 3.82vw, 4.125rem) 0 clamp(1.75rem, 4.69vw, 5.0625rem);   /* 66 / 81 */
	border-radius: 1.25rem;                   /* tasarim 20 */
	font-size: clamp(1.125rem, 1.62vw, 1.75rem);                     /* 28 */
	font-weight: 600;
	letter-spacing: -0.04em;                                         /* -1,12 */
}

.idsa-programlar .idsa-buton__ok {
	inline-size: clamp(1.5rem, 2.26vw, 2.4375rem);                   /* 39 */
	block-size: clamp(1.5rem, 2.26vw, 2.4375rem);
	background: none;
	color: inherit;
}

.idsa-programlar .idsa-buton__ok svg {
	inline-size: 100%;
	block-size: 100%;
}

/* --- Kayan kart şeridi --- */

.idsa-programlar__kap {
	position: relative;
	margin-block-start: clamp(2rem, 5.7vw, 6.125rem);
}

/*
 * Serit sayfanin iki yanina tasiyor ve yatay kaydiriliyor. Kartlar
 * sabit yukseklikte, genislikleri fotografin oranindan geliyor --
 * tasarimda da kartlar farkli genisliklerde.
 */
.idsa-programlar__serit {
	display: flex;
	gap: clamp(0.75rem, 1.85vw, 2rem);        /* tasarim 32 */
	margin: 0;
	padding: 0 var(--wp--preset--spacing--40);
	/*
	 * Kartlar hizalanirken yan bosluk da hesaba katilsin. Bu olmadan
	 * tarayici karti kaydirma alaninin KENARINA hizaliyordu: sayfa
	 * acilinca ilk kart 24px boslugu kaybedip ekran kenarina yapisiyordu
	 * (olculdu: scrollLeft 24, kart sol 0 -- hem iOS'ta hem Chrome'da).
	 */
	scroll-padding-inline: var(--wp--preset--spacing--40);
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.idsa-programlar__serit::-webkit-scrollbar { display: none; }

.idsa-program-kart {
	flex: none;
	scroll-snap-align: start;
}

/*
 * Kartlarin hepsi ayni boyda. Tasarimda kart genislikleri fotografin
 * kendi oranindan geliyor ve birbirini tutmuyordu; ayni seritte farkli
 * genislikler duzensiz duruyor, uzun etiketler de tasiyordu.
 */
.idsa-program-kart__bag {
	position: relative;
	display: block;
	block-size: clamp(11rem, 18.34vw, 19.8125rem);   /* tasarim 317 */
	/*
	 * Genislik ACIKCA veriliyor (510:317, ayni kirilma noktalariyla).
	 * Tasarimdaki ilk uc kart 535, 519, 475 genis; ortalamasi 510. Kartlar
	 * 535 iken dorduncu kart ekranin tam kenarinda (x 1724) kaliyor ve
	 * gorunmuyordu; tasarimda x 1650'den baslayip sag kenardan tasiyor,
	 * seridin kaydigini da bu belli ediyor. 510'da ayni yere denk geliyor. Onceden aspect-ratio'ya birakilmisti; eski iOS
	 * WebKit surumleri flex ogesinin (li) genisligini hesaplarken icteki
	 * fotografin width="680" ozniteligini sizdiriyor, kart 297px gorunurken
	 * li iki katina cikiyordu -- kartlar arasinda bos alan olusuyor ve
	 * oklar kartlarin arasina dusuyordu.
	 */
	inline-size: clamp(17.6875rem, 29.51vw, 31.875rem);   /* 510 */
	border-radius: 0.5rem;
	overflow: hidden;
	background: var(--wp--preset--color--contrast);
	text-decoration: none;
}

/* Fotograf akisin disinda: kartin boyutunu hic etkilemesin (bkz. yukarisi). */
.idsa-program-kart__foto {
	position: absolute;
	inset: 0;
	display: block;
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.idsa-program-kart__bag:hover .idsa-program-kart__foto { transform: scale(1.04); }

.idsa-program-kart__ad {
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	padding: clamp(2rem, 4.5vw, 3.5rem) clamp(0.75rem, 1.5vw, 1.5rem) clamp(0.75rem, 1.1vw, 1.1875rem);
	background: linear-gradient(to top, rgba(35, 44, 48, 0.85), rgba(35, 44, 48, 0));
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(0.9375rem, 1.85vw, 2rem);       /* tasarim 32 */
	line-height: 1.15;
	text-align: start;
	/* Uzun ders adlari kirpilmasin diye alt satira insin. */
	overflow-wrap: anywhere;
}

/* Tasarimdaki turuncu ileri oku; seridin sag ucunda asili. */
/* display:grid tarayicinin [hidden] kuralini yeniyor; serit tasmiyorsa
   ya da ucuna gelindiyse ok gercekten kaybolmali. */
.idsa-programlar__ok[hidden] {
	display: none;
}

.idsa-programlar__ok {
	position: absolute;
	inset-block-start: 50%;
	translate: 0 -50%;
	display: grid;
	place-items: center;
	inline-size: clamp(2.75rem, 4.69vw, 5.0625rem);  /* tasarim 81 */
	block-size: clamp(2.75rem, 4.69vw, 5.0625rem);
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

/* Ileri ok tasarimdaki yerinde (Group 80: sag kenardan 52); geri ok
   onun aynasi. Geri ok seridin basinda gizli (bkz. idsa.js). */
.idsa-programlar__ok--ileri { inset-inline-end: clamp(0.75rem, 3.01vw, 3.25rem); }
.idsa-programlar__ok--geri  { inset-inline-start: clamp(0.75rem, 3.01vw, 3.25rem); }

.idsa-programlar__ok:hover { background: var(--wp--preset--color--contrast); }

.idsa-programlar__ok svg {
	inline-size: 45%;
	block-size: 45%;
}

@media (max-width: 700px) {
	/* Dar ekranda sekiller basligin uzerine biniyor. */
	.idsa-programlar__sekil {
		display: none;
	}
}

/* =====================================================================
   Kariyer Olanakları ve Referanslarımız

   Tasarim: 551:1785 ve 567:2132. Iki sayfa da 1527 genisliginde
   ortali bir sutun kullaniyor; baslik 128/400, giris 20/400.
   ===================================================================== */

.idsa-kariyer,
.idsa-referanslar {
	inline-size: min(100% - 2 * var(--wp--preset--spacing--40), 95.4375rem);   /* tasarim 1527 */
	margin-inline: auto;
	padding-block: clamp(2rem, 3.5vw, 3.75rem) clamp(3rem, 6vw, 6.5rem);
}

/* Kariyer (551:1785) ve Referanslar (567:2132): baslik ust barin 49
   altinda (24'u blok araligi). */
.idsa-kariyer,
.idsa-referanslar {
	padding-block-start: clamp(1rem, 1.5vw, 1.5625rem);
}

.idsa-kariyer__baslik,
.idsa-referanslar__baslik {
	margin: 0 0 0.375rem;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.25rem, 7.4vw, 8rem);      /* tasarim 128 */
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--contrast);
}

.idsa-kariyer__giris,
.idsa-referanslar__giris {
	margin: 0 0 clamp(2rem, 6.6vw, 7.125rem);
	font-size: clamp(0.9375rem, 1.16vw, 1.25rem);
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

/* Giris 20/24, -0,8; kartlar / logolar girisin 90 altinda. */
.idsa-kariyer__giris,
.idsa-referanslar__giris {
	margin-block-end: clamp(2rem, 5.2vw, 5.625rem);
	letter-spacing: -0.04em;
}

/* --- İş ilanı kartları --- */

.idsa-kariyer__liste {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 1.39vw, 1.5rem);            /* tasarim 24 */
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Kart (551:1785) 493x297: ic bosluk ust/alt 25, yanlar 30. Ust satir
 * (nokta, isveren, tarih) 33 yuksek; alti 20 bosluk ve ince cizgi;
 * cizgiden 18 sonra baslik (DM Sans 32/600, -1,28), 9 sonra aciklama
 * (20/24, -0,8); Basvur sag alt kosede.
 */
.idsa-ilan {
	display: flex;
	flex-direction: column;
	gap: 0;
	box-sizing: border-box;
	min-block-size: clamp(14rem, 17.19vw, 18.5625rem);   /* 297, ic bosluk dahil */
	padding: clamp(1rem, 1.45vw, 1.5625rem) clamp(1rem, 1.74vw, 1.875rem);
	border-radius: 1.25rem;                      /* tasarim 20 */
	background: #EEE7DD;
	color: var(--wp--preset--color--contrast);
}

.idsa-ilan__ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding-block-end: clamp(0.75rem, 1.16vw, 1.25rem);    /* 20 */
	border-block-end: 1px solid #3B5058;                    /* tasarim cizgi #3B5058 */
}

.idsa-ilan__isveren {
	display: inline-flex;
	align-items: center;
	gap: 1rem;                                    /* tasarim 16 */
	font-size: clamp(0.875rem, 1.16vw, 1.25rem);  /* tasarim 20 */
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.04em;
}

.idsa-ilan__nokta {
	flex: none;
	inline-size: 2rem;                            /* tasarim 32 */
	block-size: 2rem;
	border-radius: 50%;
}

/*
 * "1 Hafta Önce Yayınlandı" etiketi: krem hap, 168x33, yazi 12/500,
 * -0,48; tasarimda kelimelerin bas harfleri buyuk (capitalize; sayfa
 * dili Turkce oldugu icin "i" dogru "İ" oluyor).
 */
.idsa-ilan__zaman {
	flex: none;
	padding: 0.5625rem 1.5rem;
	border-radius: 1.25rem;
	background: var(--wp--preset--color--base);
	font-size: 0.75rem;                           /* tasarim 12 */
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.04em;
	text-transform: capitalize;
	white-space: nowrap;
}

/* h2 oldugu icin temanin baslik yazi tipini (Oswald) aliyordu. */
.idsa-ilan__baslik {
	margin: clamp(0.75rem, 1.04vw, 1.125rem) 0 0;           /* 18 */
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1.125rem, 1.85vw, 2rem);     /* tasarim 32 */
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: inherit;
}

.idsa-ilan__aciklama {
	margin: 0.5625rem 0 0;                                  /* 9 */
	font-size: clamp(0.875rem, 1.16vw, 1.25rem);
	line-height: 1.2;
	letter-spacing: -0.04em;
}

/* Tasarimda solda basvuran sayisi vardi; kaldirildi (bkz. inc/kariyer.php),
   dugme kartin sag alt kosesindeki yerinde kaldi. */
.idsa-ilan__alt {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 1rem;
	margin-block-start: auto;
	padding-block-start: clamp(0.75rem, 1.5vw, 1.5rem);
}

/*
 * Tasarimda Basvur 119x41, krem, kenarliksiz; yazi 16/500 (-0,64),
 * solda 18, ok (cizgili daire, 15) ile arasi 22, sagda 16.
 * Pencere acan surumu bir <button>: tarayicinin 2px kabarik kenarligi
 * ve Arial yazi tipi burada sifirlaniyor.
 */
.idsa-ilan__basvur {
	display: inline-flex;
	align-items: center;
	gap: 1.375rem;
	flex: none;
	min-block-size: 2.5625rem;                    /* 41 */
	padding: 0 1rem 0 1.125rem;
	border: 0;
	border-radius: 1.25rem;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: 1rem;                              /* tasarim 16 */
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.04em;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.idsa-ilan__basvur:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.idsa-ilan__basvur svg {
	inline-size: 0.9375rem;                       /* tasarim 15 */
	block-size: 0.9375rem;
}

.idsa-kariyer__bos {
	margin: 0;
	font-size: 1.25rem;
}

/* --- Referans logoları --- */

/* Tasarim: kutular 361x101, aralar yatayda 24, dikeyde 20; son satirdan
   "Sizden Gelenler"e 104. */
.idsa-referanslar__izgara {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.16vw, 1.25rem) clamp(0.75rem, 1.39vw, 1.5rem);
	margin: 0 0 clamp(3rem, 6.02vw, 6.5rem);
	padding: 0;
	list-style: none;
}

/* Ic bosluk yukseklige dahil: onceden 101 + 2x16 = 133 cikiyordu. */
.idsa-referans {
	box-sizing: border-box;
	display: grid;
	place-items: center;
	block-size: clamp(4.5rem, 5.85vw, 6.3125rem);  /* tasarim 101 */
	padding: 1rem 1.25rem;                         /* logo alani 16 / 20 iceride */
	border-radius: 1rem;                           /* tasarim 16 */
	background: #EEE7DD;
}

.idsa-referans__logo {
	max-inline-size: 100%;
	max-block-size: 100%;
	inline-size: auto;
	block-size: auto;
	object-fit: contain;
}

.idsa-referans__ad {
	font-size: 0.9375rem;
	font-weight: 500;
	text-align: center;
	color: var(--wp--preset--color--contrast);
}

/* --- Sizden Gelenler --- */

/* Tasarim: Oswald 64/76,8, -2,56; kartlar 36 altinda. */
.idsa-referanslar__ara-baslik {
	margin: 0 0 clamp(1.25rem, 2.08vw, 2.25rem);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(1.75rem, 3.7vw, 4rem);        /* tasarim 64 */
	line-height: 1.2;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--contrast);
}

/*
 * Tasarimda yorum seridi icerik sutununda bitmiyor, ekranin sag
 * kenarina kadar uzaniyor (ucuncu kart kesiliyor). Sayfa sutunu
 * ortalanmis ve en fazla 1527 genis oldugu icin sagdaki bosluk
 * (ust ogenin genisligi - sutun) / 2. Ust oge kapsayici yapiliyor ki
 * genisligi "cqw" ile okunabilsin; 100vw kaydirma cubugunu da saydigi
 * icin Windows'ta sayfayi yana tasirirdi.
 */
:has(> .idsa-referanslar) {
	container-type: inline-size;
}

.idsa-yorumlar__kap {
	position: relative;
	margin-inline-end: calc((100% - 100cqw) / 2);
}

.idsa-yorumlar {
	display: flex;
	gap: clamp(0.75rem, 1.5vw, 1.625rem);          /* tasarim 26 */
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.idsa-yorumlar::-webkit-scrollbar { display: none; }

/*
 * Yorum karti (567:2132) 716x524, ic bosluk dahil (onceden 806x613
 * cikiyordu): fotograf 45/41 iceride; ad sagda, karttan 62 iceride,
 * fotografin dikey ortasinda; tirnak ve metin 72 iceride, tirnak
 * fotografin 20 altinda, metin tirnagin 95 altinda (32/35,5, -1,28).
 */
.idsa-yorum {
	box-sizing: border-box;
	flex: none;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	gap: clamp(0.75rem, 1.16vw, 1.25rem);          /* 20 */
	inline-size: min(90vw, 44.75rem);              /* tasarim 716 */
	min-block-size: clamp(20rem, 30.3vw, 32.75rem);/* tasarim 524 */
	padding: clamp(1.25rem, 2.37vw, 2.5625rem) clamp(1.25rem, 3.59vw, 3.875rem) clamp(1.25rem, 2.6vw, 2.8125rem) clamp(1.25rem, 2.6vw, 2.8125rem);   /* 41 62 45 45 */
	border-radius: 1rem;
	background: #EEE7DD;
	color: var(--wp--preset--color--contrast);
}

.idsa-yorum__ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.idsa-yorum__foto {
	flex: none;
	inline-size: clamp(3.5rem, 6.71vw, 7.25rem);   /* tasarim 116 */
	block-size: clamp(3.5rem, 6.71vw, 7.25rem);
	border-radius: 50%;
	object-fit: cover;
}

.idsa-yorum__foto--bos { background: #D9D9D9; }

/* Tasarim: Oswald 48/300, -1,92 (onceden DM Sans'ta kaliyordu). */
.idsa-yorum__ad {
	margin: 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-size: clamp(1.25rem, 2.78vw, 3rem);       /* tasarim 48 */
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -0.04em;
	text-align: end;
}

.idsa-yorum__metin {
	margin: 0 0 0 clamp(0.5rem, 1.56vw, 1.6875rem);   /* 72 - 45 */
}

.idsa-yorum__tirnak {
	display: block;
	font-family: var(--wp--preset--font-family--condensed);
	font-size: clamp(2.5rem, 7.4vw, 8rem);         /* tasarim 128 */
	line-height: 0.6;
	color: inherit;
}

.idsa-yorum__metin p {
	margin: clamp(0.5rem, 1.04vw, 1.125rem) 0 0;   /* tirnak kutusundan 18 sonra */
	font-size: clamp(1rem, 1.85vw, 2rem);          /* tasarim 32 */
	font-weight: 300;
	line-height: 1.11;                             /* tasarim 35,5 */
	letter-spacing: -0.04em;
}

/* Yorum seridinde oklar ortada degil, kartlarin alt hizasinda duruyor. */
.idsa-yorumlar__ok {
	inset-block-start: auto;
	inset-block-end: clamp(0.75rem, 2vw, 2.5rem);
	translate: none;
}

@media (max-width: 1000px) {
	.idsa-kariyer__liste          { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.idsa-referanslar__izgara     { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.idsa-kariyer__liste          { grid-template-columns: 1fr; }
	.idsa-referanslar__izgara     { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/*
 * Cipaya gidis kayarak olsun -- ust menudeki "Etkinlik Takvimi" bagi
 * anasayfadaki takvim bolumune (#idsa-takvim) gidiyor. Hareket azaltma
 * tercihinde ani gecis: uzun bir sayfada otomatik kaydirma vestibuler
 * rahatsizlik verebiliyor.
 */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* =====================================================================
   Şubeler sayfası ve şube sayfası

   Tasarim: 869:1045 (liste), 873:1196 / 922:1270 (tek şube).

     liste     baslik 128/190; kart 1528x829, kose 20, zemin #EEE7DD,
               ic bosluk 45; fotograf 645x656; ad 96; adres/telefon 40;
               mekan notu 36 turuncu; dugmeler 90x79 ve 305x79
     sayfa     baslik 128; fotograf 405x429; bilgi sutunu 40;
               fotograf seridi 467 yuksek, aralik 70, oklar 81
   ===================================================================== */

.idsa-subeler-liste {
	padding-block: clamp(2rem, 4.5vw, 4.5rem) clamp(3rem, 6vw, 6rem);
	padding-inline: clamp(1.25rem, 5.79vw, 6.25rem);
}

/*
 * Tasarim (869:1045), 1728 genislikte:
 *   baslik y 125 (bar 113), Oswald 128/190; ilk kart basligin 61 altinda
 *   kartlar arasi 96
 *   kart icinde (kartin ustune gore): fotograf +86 (645x656); bilgi
 *   sutunu fotografin 130 saginda; ad +134 (fotografin 48 altinda),
 *   96/142; adres +313, telefon +432 (40); mekan notu telefonun 61
 *   altinda; dugmeler fotografin alt kenarinda
 * Onceden baslik 83px asagidaydi, bilgi sutunu fotografa 74px
 * yakindi ve dikeyde ortalaniyordu, dugmeler telefonun hemen altindaydi.
 * Fotografi olmayan kartlarin duzeni degismedi.
 */
.idsa-subeler-liste {
	padding-block-start: 0;
}

.idsa-subeler-liste .idsa-subeler-liste__baslik {
	margin: clamp(-0.6875rem, -0.64vw, 0rem) 0 clamp(1.5rem, 3.53vw, 3.8125rem);   /* -11 / 61 */
	line-height: 1.482;
}

.idsa-subeler-liste .idsa-subeler-liste__liste {
	gap: clamp(1.5rem, 5.56vw, 6rem);                     /* 96 */
}

.idsa-sube-satir:has(.idsa-sube-satir__foto) {
	align-items: stretch;
	gap: clamp(1.5rem, 7.52vw, 8.125rem);                 /* 130 */
}

.idsa-sube-satir:has(.idsa-sube-satir__foto) .idsa-sube-satir__govde {
	display: flex;
	flex-direction: column;
	padding-block-start: clamp(0.5rem, 2.78vw, 3rem);     /* ad fotografin 48 altinda */
}

.idsa-sube-satir .idsa-sube-satir__ad {
	margin-block-end: clamp(0.5rem, 2.14vw, 2.3125rem);   /* adrese 37 */
	line-height: 1.482;
}

.idsa-sube-satir .idsa-sube-satir__adres {
	margin-block-end: clamp(0.5rem, 0.98vw, 1.0625rem);   /* telefona 17 */
}

.idsa-sube-satir .idsa-sube-satir__tel {
	margin-block-end: 0;
}

.idsa-sube-satir .idsa-sube-satir__not {
	margin-block-start: clamp(0.75rem, 3.53vw, 3.8125rem);   /* telefondan 61 */
}

/* Dugmeler solda (ortak kural saga itiyor ve altta 8px birakiyordu). */
.idsa-sube-satir .idsa-sube__dugmeler--iri {
	justify-content: flex-start;
	margin-inline: 0;
	margin-block-end: 0;
}

.idsa-sube-satir:has(.idsa-sube-satir__foto) .idsa-sube__dugmeler--iri {
	margin-block-start: auto;
	padding-block-start: clamp(1rem, 2vw, 2rem);
}

.idsa-subeler-liste__baslik {
	margin: 0 0 clamp(1.5rem, 3vw, 3rem);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.5rem, 7.4vw, 8rem);      /* tasarim 128 */
	line-height: 1.15;
	color: var(--wp--preset--color--contrast);
}

.idsa-subeler-liste__liste {
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 3.4vw, 3.5rem);          /* tasarim 96 arası */
	margin: 0;
	padding: 0;
	list-style: none;
}

.idsa-sube-satir {
	display: flex;
	align-items: center;
	gap: clamp(1.5rem, 4.5vw, 4.5rem);
	/* Tasarimda dikey ic bosluk 86, yatay 45. */
	padding: clamp(1.25rem, 4.98vw, 5.375rem) clamp(1.25rem, 2.6vw, 2.8125rem);
	border-radius: 20px;
	background: #EEE7DD;
}

/* Fotograf tasarimda kartin ic genisliginin %45'i (645/1438). */
.idsa-sube-satir__foto {
	flex: 0 0 45%;
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.idsa-sube-satir__foto img {
	display: block;
	inline-size: 100%;
	block-size: clamp(180px, 38vw, 656px);
	object-fit: cover;
}

.idsa-sube-satir__govde {
	flex: 1 1 auto;
	min-inline-size: 0;
}

.idsa-sube-satir__ad {
	margin: 0 0 clamp(0.75rem, 1.6vw, 1.5rem);
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2rem, 5.5vw, 6rem);        /* tasarim 96 */
	line-height: 1.15;
}

.idsa-sube-satir__ad a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.idsa-sube-satir__ad a:hover { color: var(--wp--preset--color--accent); }

.idsa-sube-satir__adres,
.idsa-sube-satir__tel,
.idsa-sube-detay__adres,
.idsa-sube-detay__tel {
	margin: 0 0 0.5rem;
	font-size: clamp(1rem, 2.31vw, 2.5rem);     /* tasarim 40 */
	line-height: 1.28;
	color: var(--wp--preset--color--contrast);
}

.idsa-sube-satir__tel a,
.idsa-sube-detay__tel a {
	color: inherit;
	text-decoration: none;
}

.idsa-sube-satir__tel a:hover,
.idsa-sube-detay__tel a:hover { text-decoration: underline; }

/* Mekan notu: tasarimda turuncu ve bir tik kucuk. */
.idsa-sube-satir__not,
.idsa-sube-detay__not {
	margin: clamp(0.5rem, 1.2vw, 1.25rem) 0 0;
	font-size: clamp(0.9375rem, 2.08vw, 2.25rem);   /* tasarim 36 */
	line-height: 1.17;
	color: var(--wp--preset--color--accent);
}

/* Liste ve sube sayfasindaki dugmeler anasayfadakinin iri hali. */
.idsa-sube__dugmeler--iri {
	margin-block-start: clamp(1.25rem, 2.8vw, 3rem);
	gap: clamp(0.5rem, 0.9vw, 1rem);
}

.idsa-sube__ara--iri {
	inline-size: clamp(3.5rem, 5.2vw, 5.625rem);    /* tasarim 90 */
	block-size: clamp(3rem, 4.57vw, 4.9375rem);     /* tasarim 79 */
	border-radius: 20px;
}

.idsa-sube__ara--iri svg {
	inline-size: clamp(1.25rem, 2vw, 2.1875rem);
	block-size: clamp(1.25rem, 2vw, 2.1875rem);
}

.idsa-sube__yol--iri {
	min-inline-size: clamp(9rem, 17.6vw, 19.0625rem);  /* tasarim 305 */
	min-block-size: clamp(3rem, 4.57vw, 4.9375rem);
	border-radius: 20px;
	font-size: clamp(0.9375rem, 1.62vw, 1.75rem);      /* tasarim 28 */
	font-weight: 600;
	gap: clamp(0.5rem, 1.2vw, 1.3125rem);
}

.idsa-sube__yol--iri svg {
	inline-size: clamp(1.25rem, 2.26vw, 2.4375rem);
	block-size: clamp(1.25rem, 2.26vw, 2.4375rem);
}

/* --- Tek şube sayfası --- */

/*
 * Tasarim (873:1196 / 922:1270), 1728 genislikte:
 *   baslik x 94 / y 127, Oswald 128/189,7 (ust bar 113)
 *   kapak 405x429, kose 20, basligin 22 altinda
 *   bilgi sutunu kapagin 39 saginda: adres kapagin ust kenarinda,
 *   dugmeler alt kenarinda
 *   serit kapagin 140 altinda; fotograflar 701x467, aralari 70,
 *   sag kenarda ekranin kenarina kadar uzaniyor
 */
.idsa-sube-detay {
	--idsa-sube-yan: clamp(1.25rem, 5.44vw, 5.875rem);   /* 94 */
	box-sizing: border-box;
	max-inline-size: 108rem;                               /* 1728 */
	margin-inline: auto;
	padding-block: 0 clamp(3rem, 6vw, 6rem);
	padding-inline: var(--idsa-sube-yan);
}

/* Baslik kutusu barin 14 altinda; sayfanin blok araligi (24) 10 fazla. */
.idsa-sube-detay__ad {
	margin: clamp(-0.625rem, -0.58vw, 0rem) 0 clamp(0.75rem, 1.27vw, 1.375rem);   /* -10 / 22 */
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.5rem, 7.4vw, 8rem);
	line-height: 1.482;
	color: var(--wp--preset--color--contrast);
}

.idsa-sube-detay__ust {
	display: flex;
	align-items: stretch;
	gap: clamp(1.25rem, 2.26vw, 2.4375rem);               /* 39 */
	padding-inline-start: clamp(0rem, 0.52vw, 0.5625rem); /* kapak x 103: basliktan 9 iceride */
}

.idsa-sube-detay__foto {
	flex: none;
	inline-size: clamp(12rem, 23.44vw, 25.3125rem);       /* 405 */
	margin: 0;
}

.idsa-sube-detay__foto img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 405 / 429;
	border-radius: 20px;
	object-fit: cover;
}

.idsa-sube-detay__bilgi {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-inline-size: 0;
}

.idsa-sube-detay__adres { margin-block-start: 0; }

/* Dugmeler solda (ortak kural saga itiyor); kapak varken kapagin alt kenarinda. */
.idsa-sube-detay .idsa-sube__dugmeler--iri {
	justify-content: flex-start;
	margin-inline: 0;
	margin-block-end: 0;
}

.idsa-sube-detay__foto + .idsa-sube-detay__bilgi .idsa-sube__dugmeler--iri {
	margin-block-start: auto;
	padding-block-start: clamp(1.25rem, 2.8vw, 3rem);
}

/* --- Şube fotoğraf şeridi --- */

.idsa-sube-galeri {
	position: relative;
	margin-block-start: clamp(2rem, 8.1vw, 8.75rem);      /* 140 */
	margin-inline-end: calc(-1 * var(--idsa-sube-yan));   /* ekranin sag kenarina */
}

.idsa-sube-galeri__serit {
	display: flex;
	gap: clamp(1rem, 4vw, 4.375rem);            /* tasarim 70 */
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.idsa-sube-galeri__serit::-webkit-scrollbar { display: none; }

.idsa-sube-galeri__serit > li {
	flex: none;
	scroll-snap-align: start;
}

.idsa-sube-galeri__serit img {
	display: block;
	inline-size: auto;
	block-size: clamp(220px, 27.03vw, 467px);   /* tasarim 467 */
	max-inline-size: none;
	border-radius: 20px;
	object-fit: cover;
}

/* Oklar seridin uzerinde, dikeyde ortali (tasarim 81px turuncu daire). */
.idsa-sube-galeri__ok {
	position: absolute;
	inset-block-start: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: clamp(2.75rem, 4.7vw, 5.0625rem);
	block-size: clamp(2.75rem, 4.7vw, 5.0625rem);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.idsa-sube-galeri__ok[hidden] { display: none; }

.idsa-sube-galeri__ok:hover { background: var(--wp--preset--color--contrast); }

/* Tasarimda geri oku ilk fotografin 31 icinde, ileri oku ekranin
   sagindan 48 iceride. */
.idsa-sube-galeri__ok--geri  { inset-inline-start: clamp(0.25rem, 1.8vw, 1.9375rem); }
.idsa-sube-galeri__ok--ileri { inset-inline-end: clamp(0.25rem, 2.78vw, 3rem); }

.idsa-sube-galeri__ok svg {
	inline-size: clamp(1.125rem, 2.4vw, 2.625rem);
	block-size: clamp(1.125rem, 2.4vw, 2.625rem);
}

@media (max-width: 900px) {
	.idsa-sube-satir,
	.idsa-sube-detay__ust {
		flex-direction: column;
		align-items: stretch;
	}

	.idsa-sube-satir__foto {
		flex: none;
	}

	/* Alt alta dizilince kapak genisligin tamamini alsin (en fazla 405). */
	.idsa-sube-detay__foto {
		inline-size: min(100%, 25.3125rem);
	}
}

/* =====================================================================
   Ders sayfası (/egitimler/<grup>/<ders>)

   Tasarim: MacBook Pro 16" - 13 (845:2296).

     geri oku   81 turuncu daire, sol ust
     baslik     Oswald 96/142
     metin      DM Sans 24/31, paragraflar arasi bosluk
     serit      489x326 fotograflar, kose 20, aralik 27
     dugme      341x79, kose 20, turuncu, DM Sans 28/600
   ===================================================================== */

/*
 * Tasarim 1728 cercevede: icerik 100..1628 (geri oku, baslik, metin,
 * dugme); serit sagda ekranin kenarina kadar tasiyor. Onceden bolum
 * genis sutunda (1560) kaliyordu, metin de 88 karakterle sinirliydi.
 */
.idsa-ders-sayfa {
	--idsa-ders-yan: clamp(1.25rem, 5.79vw, 6.25rem);   /* 100 */
	box-sizing: border-box;                              /* 1728 yan bosluk dahil */
	max-inline-size: 108rem;                             /* 1728 */
	margin-inline: auto;
	padding-block: clamp(1.5rem, 3vw, 3rem) clamp(3rem, 6vw, 6rem);
	padding-inline: var(--idsa-ders-yan);
}

.idsa-ders-sayfa__geri {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: clamp(2.75rem, 4.7vw, 5.0625rem);   /* tasarim 81 */
	block-size: clamp(2.75rem, 4.7vw, 5.0625rem);
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	transition: background-color 0.2s ease;
}

.idsa-ders-sayfa__geri:hover { background: var(--wp--preset--color--contrast); }

.idsa-ders-sayfa__geri svg {
	inline-size: clamp(1.25rem, 2.4vw, 2.625rem);
	block-size: clamp(1.25rem, 2.4vw, 2.625rem);
}

/* Tasarim: geri okunun 18 altinda, 96/142; metin 18 altinda. */
.idsa-ders-sayfa__ad {
	margin: clamp(0.75rem, 1.04vw, 1.125rem) 0;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2rem, 5.5vw, 6rem);             /* tasarim 96 */
	line-height: 1.482;
	color: var(--wp--preset--color--contrast);
}

/* Tasarim: 1528 genis (sayfanin tamami), 24/31,2, -0,72; paragraflar
   arasinda bos satir yok. */
.idsa-ders-sayfa__metin {
	font-size: clamp(1rem, 1.39vw, 1.5rem);          /* tasarim 24 */
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--contrast);
}

.idsa-ders-sayfa__metin p { margin: 0; }
.idsa-ders-sayfa__metin p:last-child { margin-block-end: 0; }

/* --- Metnin yanındaki fotoğraf --- */

/*
 * Eğitmen sayfasindaki portrenin aynisi (bkz. .idsa-kisi): 403x537,
 * kose 20. Genis ekranda metin solda, fotograf sagda; aralarindaki
 * oran da eğitmen sayfasindaki gibi (945 / 188 / 403). Fotograf metnin
 * ust hizasindan basliyor: ders metinleri uzun oldugundan eğitmen
 * sayfasindaki gibi alta hizalandiginda sag ust kose bos kaliyordu.
 */
.idsa-ders-sayfa__foto {
	margin: 0 0 clamp(1.25rem, 2.5vw, 2rem);
	max-inline-size: 22rem;
}

.idsa-ders-sayfa__foto img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 403 / 537;
	border-radius: 20px;                      /* tasarim 20 */
	object-fit: cover;
}

@media (min-width: 901px) {
	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) {
		display: grid;
		grid-template-columns: minmax(0, 945fr) minmax(0, 403fr);
		grid-template-rows: auto auto auto auto auto;
		column-gap: 12.24%;                   /* 188 / 1536 */
		align-items: start;
	}

	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) > * {
		grid-column: 1 / -1;
	}

	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) > :is(.idsa-ders-sayfa__geri, .idsa-ders-sayfa__ad, .idsa-ders-sayfa__metin) {
		grid-column: 1;
	}

	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) > .idsa-ders-sayfa__geri { grid-row: 1; justify-self: start; }
	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) > .idsa-ders-sayfa__ad   { grid-row: 2; }
	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) > .idsa-ders-sayfa__metin { grid-row: 3; }

	.idsa-ders-sayfa:has(> .idsa-ders-sayfa__foto) > .idsa-ders-sayfa__foto {
		grid-column: 2;
		grid-row: 3;                          /* metnin hizasinda */
		align-self: start;
		max-inline-size: none;
		margin: 0;
	}
}

/* --- Fotoğraf şeridi --- */

/*
 * Serit metinden 72 sonra; sag kenarda sayfanin yan boslugunu gecip
 * ekranin kenarina kadar uzaniyor (tasarimda dorduncu fotograf x 1650'de
 * baslayip kesiliyor).
 */
.idsa-ders-sayfa__galeri {
	position: relative;
	margin-block-start: clamp(2rem, 4.17vw, 4.5rem);   /* 72 */
	margin-inline-end: calc(-1 * var(--idsa-ders-yan));
}

.idsa-ders-sayfa__serit {
	display: flex;
	gap: clamp(0.75rem, 1.62vw, 1.75rem);            /* tasarim 28 */
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.idsa-ders-sayfa__serit::-webkit-scrollbar { display: none; }

.idsa-ders-sayfa__serit > li {
	flex: none;
	inline-size: clamp(220px, 28.3vw, 489px);        /* tasarim 489 */
	scroll-snap-align: start;
}

.idsa-ders-sayfa__serit img {
	display: block;
	inline-size: 100%;
	block-size: clamp(150px, 18.9vw, 326px);         /* tasarim 326 */
	object-fit: cover;
	border-radius: 20px;
}

.idsa-ders-sayfa__ok {
	position: absolute;
	inset-block-start: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: clamp(2.75rem, 4.7vw, 5.0625rem);
	block-size: clamp(2.75rem, 4.7vw, 5.0625rem);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.idsa-ders-sayfa__ok[hidden] { display: none; }
.idsa-ders-sayfa__ok:hover { background: var(--wp--preset--color--contrast); }
/* Ileri ok tasarimda ekranin sag kenarindan 76 iceride; geri ok aynasi
   ve seridin basinda gizli (bkz. idsa.js). */
.idsa-ders-sayfa__ok--geri  { inset-inline-start: clamp(0.25rem, 1.8vw, 2rem); }
.idsa-ders-sayfa__ok--ileri { inset-inline-end: clamp(0.25rem, 4.4vw, 4.75rem); }

.idsa-ders-sayfa__ok svg {
	inline-size: clamp(1.125rem, 2.4vw, 2.625rem);
	block-size: clamp(1.125rem, 2.4vw, 2.625rem);
}

/* --- Bilgi formu düğmesi --- */

/* Tasarim: seridin 75 altinda. */
.idsa-ders-sayfa__cagri {
	margin: clamp(1.5rem, 4.34vw, 4.6875rem) 0 0;
}

.idsa-ders-sayfa__dugme {
	display: inline-flex;
	align-items: center;
	gap: clamp(0.5rem, 1.2vw, 1.3125rem);
	min-block-size: clamp(3rem, 4.57vw, 4.9375rem);  /* tasarim 79 */
	/* Tasarim 341 genis: yazidan once 39, oktan sonra 23. */
	padding-inline: clamp(1.25rem, 2.26vw, 2.4375rem) clamp(0.75rem, 1.33vw, 1.4375rem);
	letter-spacing: -0.04em;                         /* -1,12 */
	border: 0;
	border-radius: 20px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 600;
	font-size: clamp(0.9375rem, 1.62vw, 1.75rem);    /* tasarim 28 */
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.idsa-ders-sayfa__dugme:hover { background: var(--wp--preset--color--contrast); }

/*
 * Ders sayfasindaki dugmede ok, ayri bir daire icinde durmuyor: yalnizca
 * ikonun kendisi var ve buton yazisiyla ayni rengi aliyor. Ortak
 * ".idsa-buton__ok" krem bir daire zemin veriyor (anasayfa CTA'sinda ve
 * egitim programlari dugmesinde oyle kaliyor); burada zemin kaldiriliyor.
 *
 * Renk sabit yazilmadi: "inherit" ile butonun kendi renginden geliyor,
 * boylece dugme uzerine gelindiginde (zemin koyulasiyor) ikon da
 * yazityla birlikte dogru renkte kaliyor.
 */
/* Ortak kural oka 80x64'luk bir kutu veriyordu; dugme 38px genis cikiyordu. */
.idsa-ders-sayfa__dugme .idsa-buton__ok {
	inline-size: auto;
	block-size: auto;
	background: none;
	color: inherit;
}

.idsa-ders-sayfa__dugme .idsa-buton__ok svg {
	inline-size: clamp(1.25rem, 2.26vw, 2.4375rem);
	block-size: clamp(1.25rem, 2.26vw, 2.4375rem);
}

/* Bilgi formu penceresinin altındaki açıklama satırı. */
.idsa-modal__not {
	margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0;
	font-size: clamp(0.875rem, 1.05vw, 1rem);
	line-height: 1.4;
	opacity: 0.85;
}

/* =====================================================================
   İlan penceresi (Kariyer Olanakları → Başvur)

   Tasarim: "Kariyer Olanakları CV Yükleme" (915:1555). Pencere krem
   zeminli: ust satirda isveren ve yayin zamani, altinda pozisyon
   basligi (32/600), aciklama (20), iki madde listesi ve ozgecmis
   kutusu.
   ===================================================================== */

.idsa-modal--ilan {
	inline-size: min(100% - 2rem, 46.6875rem);   /* tasarim 747 */
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* Tasarimda baslik ust satirin 33 altinda, DM Sans. */
.idsa-modal--ilan .idsa-modal__baslik {
	margin: clamp(1rem, 1.91vw, 2.0625rem) 0 0;
	font-family: var(--wp--preset--font-family--sans);
	letter-spacing: -0.04em;
	font-size: clamp(1.375rem, 1.85vw, 2rem);    /* tasarim 32 */
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

.idsa-modal__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin: 0 2.5rem 0 0;                        /* kapatma dugmesine yer */
	font-size: clamp(0.875rem, 1.15vw, 1.25rem);
}

/* Tasarim (915:1555): isveren 24/600, -0,96, onunde 20'lik nokta. */
.idsa-modal__isveren {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	font-size: clamp(1rem, 1.39vw, 1.5rem);
	font-weight: 600;
	letter-spacing: -0.04em;
}

.idsa-modal__isveren .idsa-ilan__nokta {
	inline-size: 1.25rem;
	block-size: 1.25rem;
}

/*
 * Yayin zamani tasarimda 272x51'lik bir kapsul: zemin kartlarin rengi
 * (#EEE7DD), yazi 24/500 (-0,96), bas harfler buyuk. Onceden 12px'lik
 * kucuk bir etiketti.
 */
.idsa-modal__zaman {
	padding: 0.6875rem 1rem;
	border-radius: 20px;
	background: #EEE7DD;
	font-size: clamp(1rem, 1.39vw, 1.5rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.04em;
	text-transform: capitalize;
}

.idsa-modal__aciklama {
	margin: 0.75rem 0 0;
	font-size: clamp(0.9375rem, 1.15vw, 1.25rem);
	line-height: 1.3;
}

.idsa-modal__liste {
	margin-block-start: 1.25rem;
}

.idsa-modal__liste[hidden] { display: none; }

.idsa-modal__liste-ad {
	margin: 0 0 0.375rem;
	font-size: clamp(0.9375rem, 1.15vw, 1.25rem);
	font-weight: 600;
}

.idsa-modal__liste ul {
	margin: 0;
	padding-inline-start: 1.25rem;
	font-size: clamp(0.9375rem, 1.15vw, 1.25rem);
	line-height: 1.45;
}

/* Pencere icindeki ozgecmis kutusu ve form: sayfadakiyle ayni
   gorunum, yalnizca ustunde bosluk. */
.idsa-modal--ilan .idsa-birak {
	margin-block-start: 1.5rem;
}

/* =====================================================================
   Pencere içindeki Contact Form 7 formları

   Tasarim: bilgi formu (915:1733) ve ilan penceresi (915:1555).
   Pencere krem, alanlar 625x61 kapsul (#E4E0D8, kose 32), yazi 24/500,
   gonder dugmesi koyu kapsul. Etiketler tasarimda yok; alanin icindeki
   yer tutucu yeterli, ama ekran okuyucu icin etiketler duruyor ve
   gorsel olarak kucultuldu.
   ===================================================================== */

.idsa-modal .wpcf7 { margin-block-start: clamp(1rem, 2vw, 1.75rem); }

.idsa-modal .wpcf7-form p { margin: 0 0 0.75rem; }

.idsa-modal .wpcf7-form label {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	color: color-mix(in srgb, var(--wp--preset--color--contrast) 70%, transparent);
}

.idsa-modal .wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
	box-sizing: border-box;
	inline-size: 100%;
	margin-block-start: 0.25rem;
	/*
	 * Tasarimda (915:1733) kutu 625x61 ve yazi kutunun sol kenarindan
	 * 32px iceride basliyor; punto 24/500, renk #3B5058. Onceki surumde
	 * dolgu 20px ve punto 15-20 idi, bu yuzden yazi hem kucuk hem sola
	 * yapisik duruyordu.
	 */
	padding: 0.75rem 2rem;
	border: 0;
	border-radius: 2rem;                      /* tasarim 32 */
	/* Yalnizca renk: "background" kisaltmasi asagidaki select okunu
	   (arka plan gorseli) siliyordu -- bu kural daha ozgul. */
	background-color: #E4E0D8;
	color: #3B5058;
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	font-size: clamp(1rem, 1.39vw, 1.5rem);   /* tasarim 24 */
	line-height: 1.2;
}

/*
 * Select'i de digerleriyle ayni hizaya getir.
 *
 * Tarayici kendi ic dolgusunu ve okunu ekledigi icin "Şube Seçiniz"
 * komsu alanlardan birkac piksel kayiyordu; gorunum sifirlanip ok
 * arka plan gorseli olarak veriliyor.
 */
/* Tasarimda ok genis ve yassi: 30x16, koyu, alanin sagindan 36 iceride. */
.idsa-modal .wpcf7-form select {
	appearance: none;
	padding-inline-end: 4.5rem;
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 16' fill='none' stroke='%2322343A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5L15 14.5L28.5 1.5'/%3E%3C/svg%3E" );
	background-repeat: no-repeat;
	background-position: right 2.25rem center;
	background-size: 1.875rem 1rem;
	cursor: pointer;
}

.idsa-modal .wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"], select) {
	min-block-size: 3.8125rem;                /* tasarim 61 */
}

.idsa-modal .wpcf7-form textarea {
	min-block-size: 9.8125rem;                /* tasarim 157 */
	border-radius: 1.25rem;
	padding-block: 1rem;
	resize: vertical;
}

/* Yer tutucu tasarimda alan yazisiyla ayni tonda (#3B5058). */
.idsa-modal .wpcf7-form :is(input, textarea)::placeholder {
	color: #3B5058;
	opacity: 1;
}

/* Gonder: tasarimda kucuk koyu kapsul, saga yasli. */
.idsa-modal .wpcf7-form input[type="submit"] {
	display: block;
	margin: clamp(0.75rem, 1.5vw, 1.25rem) 0 0 auto;
	min-block-size: 2.5625rem;                /* tasarim 41 */
	padding-inline: 1.75rem;
	border: 0;
	border-radius: 20px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 500;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.idsa-modal .wpcf7-form input[type="submit"]:hover {
	background: var(--wp--preset--color--accent);
}

/*
 * Tasarimda dugmenin sagindaki ok (15x15). Gonder bir <input> oldugu
 * icin icine SVG konamiyor; ok arka plan gorseli olarak veriliyor.
 */
.idsa-modal .wpcf7-form input[type="submit"] {
	padding-inline: 1.75rem 3rem;
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F8F2E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 12h6M13 9l3 3-3 3'/%3E%3C/svg%3E" );
	background-repeat: no-repeat;
	background-position: right 1.125rem center;
	background-size: 1.125rem 1.125rem;
}

/* Aciklama satiri: tasarimda yildiz isareti metnin solunda. */
.idsa-modal__not--formda {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-block: clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.idsa-modal__not-ikon {
	flex: none;
	inline-size: 1.125rem;
	block-size: 1.125rem;
	margin-block-start: 0.125rem;
	color: var(--wp--preset--color--contrast);
}

/* Gonder satirinda bekleme gostergesi dugmenin solunda kalsin. */
.idsa-modal .wpcf7-form p:has(input[type="submit"]) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
}

.idsa-modal .wpcf7-spinner { order: -1; margin: 0; }

.idsa-modal .wpcf7-not-valid-tip {
	margin-block-start: 0.25rem;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.idsa-modal .wpcf7 form .wpcf7-response-output {
	margin: 1rem 0 0;
	padding: 0.75rem 1rem;
	border-width: 1px;
	border-radius: 0.75rem;
	font-size: var(--wp--preset--font-size--sm);
}

/* Bilgi formu penceresi tasarimda 747 genis. */
.idsa-modal--bilgi {
	inline-size: min(100% - 2rem, 46.6875rem);
}

/*
 * KVKK metni (875:1280): ortada kucuk bir pencere degil, ekranin
 * altindan yukselen tam genislikte bir sayfa. Ustten 198 (1117'lik
 * ekranda) asagida basliyor, alta kadar iniyor; ust koseleri 80
 * yuvarlak, zemin #FFFBF5. Baslik "KVKK Metni" Oswald 80, metin
 * 20/23,8 (500); ic bosluk 65 / 69. Sagda 26 genis gri iz icinde 16
 * genis koyu kaydirma cubugu. Arka plan #D7D3CE %50 ile soluyor.
 */
.idsa-modal--kvkk {
	inset: auto 0 0 0;
	inline-size: 100%;
	max-inline-size: none;
	block-size: calc(100dvh - 17.7dvh);
	max-block-size: none;
	margin: 0;
	padding: clamp(1.5rem, 3.76vw, 4.0625rem) clamp(1.25rem, 3.99vw, 4.3125rem);
	border-radius: clamp(1.5rem, 4.63vw, 5rem) clamp(1.5rem, 4.63vw, 5rem) 0 0;
	background: #FFFBF5;
	scrollbar-color: #22343A #CFCCC7;
}

.idsa-modal--kvkk::backdrop {
	background: rgb(215 211 206 / 0.5);
}

.idsa-modal--kvkk::-webkit-scrollbar {
	inline-size: 1.625rem;
}

.idsa-modal--kvkk::-webkit-scrollbar-track {
	margin-block: clamp(4rem, 8vw, 9rem) 1.5rem;
	border-radius: 0.75rem;
	background: #CFCCC7;
}

.idsa-modal--kvkk::-webkit-scrollbar-thumb {
	border: 5px solid #CFCCC7;
	border-radius: 0.75rem;
	background: #22343A;
}

.idsa-modal--kvkk .idsa-modal__baslik {
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 400;
	font-size: clamp(2.25rem, 4.63vw, 5rem);              /* 80 */
	line-height: 1;
}

.idsa-modal--kvkk .idsa-modal__yazi {
	margin-block-start: clamp(1rem, 1.85vw, 2rem);        /* 32 */
	max-inline-size: 93.375rem;                           /* 1494 */
	font-size: clamp(0.9375rem, 1.16vw, 1.25rem);         /* 20 */
	font-weight: 500;
	line-height: 1.19;
}

.idsa-modal--kvkk .idsa-modal__kapat {
	inset-block-start: clamp(1rem, 2vw, 2rem);
	inset-inline-end: clamp(1rem, 2vw, 2rem);
}

/*
 * Bilgi formu (915:1690 / 915:1779), 747x833 pencere:
 *   ic bosluk ust 57, sol 59, sag 63 (alanlar 625), alt 68
 *   basliktan ilk alana 32; alanlar arasi 12; not alani 157
 *   not alanindan aciklamaya 40, aciklama 24/34,3 (-0,96), onunde 30'luk
 *   dort koseli yildiz, satirlar yildizin altina da akiyor
 *   aciklamadan Gonder'e 40; Gonder 119x41, yazi 16/500, ok 15
 * Onceden ic bosluk 48, alanlar arasi 16, not alani 312 (rows=10),
 * aciklama 16px idi; pencere 911 yuksek cikiyordu.
 */
.idsa-modal--bilgi {
	padding: clamp(1.5rem, 3.3vw, 3.5625rem) clamp(1.25rem, 3.65vw, 3.9375rem) clamp(1.5rem, 3.24vw, 3.5rem) clamp(1.25rem, 3.41vw, 3.6875rem);
}

/* Tasarimda arka plan koyulasmiyor, acik bir perdeyle soluyor
   (Bilgi formu 915:1728 ve ilan penceresi 915:1555 ayni renk). */
.idsa-modal--bilgi::backdrop,
.idsa-modal--ilan::backdrop {
	background: rgb(227 224 219 / 0.77);
}

.idsa-modal--bilgi .wpcf7 { margin-block-start: 2rem; }

.idsa-modal--bilgi .wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
	margin-block-start: 0;
}

.idsa-modal--bilgi .wpcf7-form textarea {
	display: block;                           /* satir ici kalinca altinda 5px satir boslugu aciliyordu */
	block-size: 9.8125rem;                    /* tasarim 157 */
	border-radius: 2rem;
}

/* Formun "p { margin }" kuralini yenmek icin .wpcf7-form da seciciede. */
.idsa-modal--bilgi .wpcf7-form .idsa-modal__not--formda {
	display: block;
	margin-block: 2.5rem 0;                   /* 40 (ustteki 12 ile bitisik kenar bosluklari birlesiyor) */
	font-size: clamp(1rem, 1.39vw, 1.5rem);   /* tasarim 24 */
	line-height: 1.43;                        /* tasarim 34,3 */
	letter-spacing: -0.04em;
	opacity: 1;
}

.idsa-modal--bilgi .idsa-modal__not-ikon {
	display: inline-block;
	inline-size: 1.25em;                      /* tasarim 30 */
	block-size: 1.25em;
	margin: 0 0.25em 0 0;
	vertical-align: -0.3em;
}

.idsa-modal--bilgi .wpcf7-form input[type="submit"] {
	margin-block-start: 2.5rem;               /* 40 */
	padding-inline: 1.125rem 2.9375rem;       /* yazi 18 iceride; ok 15 + 16 */
	letter-spacing: -0.04em;
	background-position: right 1rem center;
	background-size: 0.9375rem 0.9375rem;
}

/* Ozgecmis kutusu krem pencerede: cerceve ve yazi koyu metinden gelir. */
.idsa-modal .idsa-birak__kutu {
	border-color: color-mix(in srgb, var(--wp--preset--color--contrast) 35%, transparent);
}

/*
 * Ilan penceresi (Kariyer Olanakları CV Yükleme, 915:1555), 747 genis:
 *   ic bosluk ust 41, sol 49, sag 38, alt 63
 *   ust satir (isveren + tarih kapsulu); 33 sonra baslik; 6 sonra
 *   aciklama ve madde listeleri (20/24, -0,8, hepsi normal kalinlikta)
 *   listelerden 41 sonra form; form tasarimdaki yukleme kutusuyla ayni
 *   girintide (pencerenin 59/63 icinde): kisi alanlari Bilgi formundaki
 *   gibi 61 yuksek, aralari 12; yukleme kutusu 625x158, kose 12, duz
 *   koyu cerceve, ustte 66'lik ikon, alti 20/600 ve 20/400 iki satir;
 *   kutudan 49 sonra 119x41 "Başvur".
 * Ad, e-posta, telefon ve KVKK onayi tasarimda yok ama bilerek duruyor
 * (basvurana donus ve kisisel veri onayi icin).
 */
.idsa-modal--ilan {
	padding: clamp(1.5rem, 2.37vw, 2.5625rem) clamp(1.25rem, 2.2vw, 2.375rem) clamp(1.5rem, 2.95vw, 3.1875rem) clamp(1.25rem, 2.84vw, 3.0625rem);
}

/*
 * Kapatma dugmesine yer. Dugme sag kenardan 0,875 + 2,25 = 3,125rem
 * iceride bitiyor, odak halkasiyla (2 + 2px) 3,625rem. Ic bosluk dar
 * ekranda 20px'e indiginde sabit 1,5rem yetmiyordu: tarih kapsulu
 * dugmenin altina giriyordu.
 */
.idsa-modal--ilan .idsa-modal__ust {
	margin-inline-end: max(1.5rem, 3.625rem - clamp(1.25rem, 2.2vw, 2.375rem));
}

.idsa-modal--ilan :is(.idsa-modal__aciklama, .idsa-modal__liste ul, .idsa-modal__liste-ad) {
	font-size: clamp(1rem, 1.16vw, 1.25rem);  /* 20 */
	line-height: 1.2;
	letter-spacing: -0.04em;
}

.idsa-modal--ilan .idsa-modal__aciklama { margin-block-start: 0.375rem; }
.idsa-modal--ilan .idsa-modal__liste { margin-block-start: 1.2em; }
.idsa-modal--ilan .idsa-modal__liste-ad { margin: 0; font-weight: 400; }

/* Tasarimda madde isaretleri 7, yazilar 15 iceride. */
.idsa-modal--ilan .idsa-modal__liste ul {
	padding-inline-start: 0.9375rem;
	list-style: disc outside;
}

.idsa-modal--ilan .idsa-birak {
	margin-block-start: clamp(1.5rem, 2.37vw, 2.5625rem);                  /* 41 */
	margin-inline: clamp(0rem, 0.58vw, 0.625rem) clamp(0rem, 1.45vw, 1.5625rem);   /* 59 / 63 */
}

.idsa-modal--ilan .wpcf7-form :is(input[type="text"], input[type="email"], input[type="tel"]) {
	margin-block-start: 0;
}

/* Pozisyon ilandan otomatik doluyor (idsa.js); tasarimda alan yok. */
.idsa-modal--ilan .wpcf7-form p:has(#idsa-pozisyon) {
	display: none;
}

.idsa-modal--ilan .idsa-birak__kutu {
	align-content: start;
	gap: 0.1875rem;
	min-block-size: 9.875rem;                 /* 158 */
	margin-block: 0.75rem 0;
	padding: 1rem 1rem 0.8125rem;
	border-color: var(--wp--preset--color--contrast);
}

.idsa-modal--ilan .idsa-birak__ikon {
	inline-size: clamp(2.5rem, 3.82vw, 4.125rem);   /* 66 */
	margin-block-end: 0.5625rem;
}

.idsa-modal--ilan :is(.idsa-birak__ad, .idsa-birak__not) {
	font-size: clamp(1rem, 1.16vw, 1.25rem);  /* 20 */
	line-height: 1.2;
	opacity: 1;
}

.idsa-modal--ilan .wpcf7-form p:has(input[type="checkbox"]) {
	margin-block: 1rem 0;
}

.idsa-modal--ilan .wpcf7-form input[type="submit"] {
	margin-block-start: clamp(1.25rem, 2vw, 2rem);
	padding-inline: 1.125rem 2.9375rem;
	letter-spacing: -0.04em;
	background-position: right 1rem center;
	background-size: 0.9375rem 0.9375rem;
}

/*
 * Telefonda form pencereleri ekrandan uzun (Safari'nin alt cubugu da
 * yer kapliyor): "Başvur" / "Gönder" asagida kaliyor, ziyaretci formun
 * bittigini saniyordu. Dar ekranda gonder satiri pencerenin altina
 * yapisiyor, alanlar onun altindan kayiyor. Pencerenin alt ic boslugunu
 * satirin kendi alt boslugu veriyor.
 */
@media (max-width: 700px) {
	.idsa-modal:is(.idsa-modal--ilan, .idsa-modal--bilgi) {
		padding-block-end: 0;
	}

	.idsa-modal .wpcf7-form p:has(input[type="submit"]) {
		position: sticky;
		inset-block-end: 0;
		z-index: 1;
		margin: 0.5rem 0 0;                     /* + bant 12 = onceki 20 */
		padding-block: 0.75rem 1.5rem;
		background: var(--wp--preset--color--base);
	}

	.idsa-modal--bilgi .wpcf7-form p:has(input[type="submit"]) {
		margin-block-start: 1.75rem;            /* + bant 12 = 40 */
	}

	.idsa-modal .wpcf7-form p:has(input[type="submit"]) input[type="submit"] {
		margin-block-start: 0;
	}

	.idsa-modal .wpcf7 form .wpcf7-response-output {
		margin-block-end: 1.5rem;
	}
}

/* =====================================================================
   Zengin metin (bkz. inc/zengin-metin.php)
   =====================================================================
   Kurumun gorsel editorle girdigi metinler: madde listesi, kalin,
   italik, "Büyük metin" ve "Ara başlık". Olculer metnin kendi
   puntosuna gore (em): ders sayfasinda da, xxl puntolu tanitim
   bolumunde de oranli kaliyor. Keyfi punto yok; editor yalnizca bu
   adlandirilmis stilleri sunuyor.
   ===================================================================== */

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) :is(ul, ol) {
	margin: 0 0 0.75em;
	padding-inline-start: 1.25em;
}

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) ul { list-style: disc; }
:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) ol { list-style: decimal; }

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) li {
	margin-block: 0.25em;
	padding-inline-start: 0.2em;
}

/* Madde imi markanin turuncusunda. */
:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) li::marker {
	color: var(--wp--preset--color--accent);
}

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) :is(strong, b) {
	font-weight: 700;
}

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Editordeki yatay ayrac: metin renginde ince cizgi. */
:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) hr {
	margin: 1.2em 0;
	border: 0;
	border-block-start: 1px solid currentColor;
	opacity: 0.25;
}

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) s {
	text-decoration: line-through;
}

/* Editordeki "Büyük metin" stili. */
:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) .idsa-metin--buyuk {
	font-size: 1.3em;
	line-height: 1.3;
	font-weight: 500;
}

/* Editordeki "Ara başlık" stili. */
:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) :is(h3, h4) {
	margin: 1.1em 0 0.4em;
	font-family: var(--wp--preset--font-family--condensed);
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.15;
}

:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) > :first-child { margin-block-start: 0; }
:is(.idsa-ders-sayfa__metin, .idsa-modal__yazi, .idsa-modal__aciklama, .idsa-zengin-metin) > :last-child { margin-block-end: 0; }

/* Ilan penceresindeki aciklama artik <div>: icindeki paragraflarin araligi. */
.idsa-modal__aciklama > p { margin: 0 0 0.75em; }