/* EnglishBox Branch Manager — frontend stilleri (tüm sayfalar): mobil sticky CTA + Şube Header üst bant */

.ebm-sticky-cta {
	--ebm-red: #C8102E;
	display: none;
}

@media (max-width: 768px) {
	.ebm-sticky-cta {
		display: flex;
		/* Alt-sabit mobil bar (başparmak erişim bölgesi); header yüksekliğinden bağımsız. */
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background: #fff;
		border-top: 1px solid #e5e7eb;
		box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.08);
		padding-bottom: env(safe-area-inset-bottom); /* iOS home indicator çentiği */
	}

	/* Sabit bar sayfa içeriğini kapatmasın diye alt boşluk (şube + merkez). */
	body.ebm-is-branch,
	body.ebm-is-central {
		padding-bottom: 64px;
	}

	.ebm-sticky-cta__btn {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 10px;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
		transition: background 0.15s;
	}

	/* Zemin renkleri — Breakdance link kuralı yalnızca 'color' set ettiği için
	   zeminleri ezmiyor; bu (0,1,0) kurallar olduğu gibi kalır. */
	.ebm-sticky-cta__btn--whatsapp {
		background: #25d366; /* dolu WhatsApp yeşili */
		border-right: 1px solid #e5e7eb;
	}

	.ebm-sticky-cta__btn--whatsapp:active {
		background: #1da851; /* basılı: koyu yeşil */
	}

	.ebm-sticky-cta__btn--call {
		background: var(--ebm-red); /* dolu marka kırmızısı (#C8102E) */
	}

	.ebm-sticky-cta__btn--call:active {
		background: #a50d26; /* basılı: koyu kırmızı */
	}

	/*
	 * Metin + ikon rengi beyaz.
	 * Ezilen kural: Breakdance global '.breakdance a' = (0,1,1), renk #2797E8 (mavi).
	 * Bu kural eski (0,1,0) kuralımızı SPECIFICITY ile yener (yükleme sırası değil).
	 * Çözüm — daha yüksek specificity:
	 *   base  '.ebm-sticky-cta a.ebm-sticky-cta__btn--*'    = (0,2,1)
	 *   state ':link/:visited/:hover/:focus'                = (0,3,1)
	 * (0,2,1) > '.breakdance a' (0,1,1); (0,3,1) > '.breakdance a:hover' (0,2,1)
	 * → !important GEREKMEZ (Breakdance kuralı da kullanmıyor).
	 * Kanıt: wp-content/uploads/breakdance/css/global-settings.css
	 */
	.ebm-sticky-cta a.ebm-sticky-cta__btn--whatsapp,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--whatsapp:link,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--whatsapp:visited,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--whatsapp:hover,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--whatsapp:focus,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--call,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--call:link,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--call:visited,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--call:hover,
	.ebm-sticky-cta a.ebm-sticky-cta__btn--call:focus {
		color: #fff;
	}

	/* İkon, metnin currentColor'ını takip etsin (fill attribute'una ek sigorta). */
	.ebm-sticky-cta__btn svg {
		fill: currentColor;
	}
}

/* Desktop'ta gizle */
@media (min-width: 769px) {
	.ebm-sticky-cta {
		display: none !important;
	}
}

/*
 * Şube Header üst bant (.ebm-sube-ust-bant) link renkleri — tüm genişliklerde geçerli.
 * Navy (#2B2D42) zeminde Breakdance global '.breakdance a' (0,1,1 / #2797E8) mavisi kötü duruyor.
 * '.ebm-sube-ust-bant a' tek başına (0,1,1) → '.breakdance a' ile beraberlik (yük sırasına bağlı, riskli).
 * '.breakdance' öneki specificity'yi güvenle yükseltir:
 *   normal '.breakdance .ebm-sube-ust-bant a'        = (0,2,1)  > '.breakdance a' (0,1,1)
 *   hover  '.breakdance .ebm-sube-ust-bant a:hover'  = (0,3,1)  > '.breakdance a:hover' (0,2,1)
 * !important YOK (Breakdance kuralı da kullanmıyor). Hem şube linkleri hem 'Ana Siteye Dön' linki.
 */
.breakdance .ebm-sube-ust-bant a,
.breakdance .ebm-sube-ust-bant a:link,
.breakdance .ebm-sube-ust-bant a:visited {
	color: #7fb3e8; /* buz mavisi — navy üzerinde okunaklı */
	text-decoration: none; /* Breakdance global anchor alt çizgisini kaldır (şube linkleri + Ana Siteye Dön) */
}

.breakdance .ebm-sube-ust-bant a:hover,
.breakdance .ebm-sube-ust-bant a:focus {
	color: #a8cdf0; /* hover/focus — biraz daha açık */
}

/* Ayraç (·) link değil; bölücü gibi okunsun diye daha sönük ton. */
.ebm-sube-ust-bant .ebm-branch-sep {
	color: #5a7ba0;
}

/*
 * Eğitimler dropdown — zengin kurs satırı (ikon + başlık + açıklama).
 * Breakdance'in global .breakdance-dropdown-* stillerini miras alır; yalnızca native
 * baseline'ın kapsamadığını ekler. Tümü .ebm-branch-courses altına scope'lanır ki
 * diğer Breakdance menülerini ETKİLEMESİN.
 */
.ebm-branch-courses .breakdance-dropdown-link__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}
/* Global '.breakdance-dropdown-link__icon img { width:1em }' bayrak için çok küçük — gerçek boyut. */
.ebm-branch-courses .breakdance-dropdown-link__icon img {
	width: 22px;
	height: auto;
	max-width: 100%;
}
/* Başlık + açıklama dikey istif. */
.ebm-branch-courses .breakdance-dropdown-link__label {
	display: flex;
	flex-direction: column;
}
/* Açıklama: global baseline yalnızca renk/display veriyor — tipografi ekle. */
.ebm-branch-courses .breakdance-dropdown-link__description {
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.3;
	opacity: 0.75;
}
/* Mobil off-canvas taşma koruması. */
.ebm-branch-courses,
.ebm-branch-courses .breakdance-dropdown-link {
	max-width: 100%;
	box-sizing: border-box;
}

/*
 * Mobil off-canvas (Şube Header → Header Mobile) — kurs SUB-item'ları sade liste.
 * Tablet Landscape ve altı (≤1119px) — mobil header'ın açıldığı sınırla aynı.
 * Masaüstü mega-menü (ikon + başlık + açıklama) AYNEN korunur; bu blok yalnızca
 * media query içinde geçerli.
 *
 * Özgüllük notu: Breakdance dropdown link'ini instance CSS
 * '.breakdance .bde-menu-XXXX .breakdance-menu .breakdance-dropdown-link' (0,4,0)
 * ile stillendirir. Node id (bde-menu-XXXX) header yeniden kaydedilince değişebilir,
 * o yüzden ona BAĞLANMIYORUZ. Bunun yerine node'dan bağımsız 5-sınıflık ata zinciri
 * (0,5,0) kuruyoruz: (0,5,0) > (0,4,0) → deterministik kazanır, !important YOK.
 */
@media (max-width: 1119px) {
	/* İkon + açıklama gizle → yalnızca başlık. */
	.breakdance .breakdance-menu .ebm-branch-courses .breakdance-dropdown-item .breakdance-dropdown-link__icon,
	.breakdance .breakdance-menu .ebm-branch-courses .breakdance-dropdown-item .breakdance-dropdown-link__description {
		display: none;
	}

	/* Sola hizala + olası merkezleme kaynaklarını kapat + kontrollü alt-item girintisi. */
	.breakdance .breakdance-menu .ebm-branch-courses .breakdance-dropdown-item .breakdance-dropdown-link {
		justify-content: flex-start;
		text-align: left;
		padding-left: 1.25rem;   /* AYAR: alt-item sol girintisi */
		padding-top: 20px;       /* AYAR: üst seviye menü ritmiyle eşit (--mobile-link-padding-top = 20px) */
		padding-bottom: 20px;    /* AYAR: üst seviye menü ritmiyle eşit (--mobile-link-padding-bottom = 20px) */
	}
	.breakdance .breakdance-menu .ebm-branch-courses .breakdance-dropdown-item .breakdance-dropdown-link__label {
		align-items: center;
		text-align: left;
	}

	/*
	 * Panel dikey boşluğunu daralt. custom-content padding'i base awesome-menu.css'te
	 * '.breakdance-dropdown-custom-content { padding: var(--dropdown-section-padding) }' (=30px) ile gelir;
	 * mobil reset (--dropdown-section-padding:0) yalnızca .breakdance-dropdown-section'a uygulandığından
	 * custom-content'te 30px üst/alt kalır. :has(.ebm-branch-courses) YALNIZCA bizim 3 kategori panelimizi
	 * hedefler (diğer dropdown panelleri 30px kalır). Özgüllük (0,4,0) > base (0,1,0); longhand yalnızca
	 * üst/alt'ı ezer, yatay (sol/sağ) 30px'e dokunulmaz. !important YOK, node id YOK.
	 */
	.breakdance .breakdance-menu .breakdance-dropdown-custom-content:has(.ebm-branch-courses) {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}