/*
 * Agenzia Clinic – başlık menüsü (29.10.2026)
 * WPML dil değiştirici menünün son öğesi: masaüstünde yalnızca bayrak (dil adı ekran okuyucuya kalır),
 * mobil açılır menüde bayrak + ad. Masaüstü menü tek satır; bağlantı boşlukları ekran genişliğine göre daralır
 * (İngilizce menü adları daha uzun). Şablonlar: ana sayfa 6438, iç sayfa 9427, yapışkan 2760 ve İngilizce eşleri.
 */
.menuzord-menu > li.wpml-ls-menu-item > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.menuzord-menu li.wpml-ls-menu-item .wpml-ls-flag {
	width: 22px;
	height: 15px;
	border-radius: 2px;
	object-fit: cover;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
	vertical-align: middle;
}

@media (min-width: 1025px) {
	.menuzord-menu {
		display: flex;
		flex-wrap: nowrap;
		white-space: nowrap;
	}
	.menuzord-menu > li {
		float: none;
		flex: 0 0 auto;
	}
	.menuzord-menu > li.wpml-ls-menu-item .wpml-ls-native {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
	}
}

/*
 * Başlık sütunları: şablonlarda sabit yüzde (25/50/25, 18/56/20, 20/60/20). Masaüstünde logo ve sağ sütun içeriği kadar,
 * menü sütunu kalan alan. Öğe kimlikleri Türkçe şablonla İngilizce eşinde aynı.
 */
@media (min-width: 1025px) {
	.elementor .e-con.elementor-element-2a9bd54, .elementor .e-con.elementor-element-07e2479,
	.elementor .e-con.elementor-element-2c52945, .elementor .e-con.elementor-element-4e93d18,
	.elementor .e-con.elementor-element-9668030, .elementor .e-con.elementor-element-6c8cf4c {
		--width: auto !important;
		flex: 0 0 auto;
	}
	.elementor .e-con.elementor-element-5c5b2b2, .elementor .e-con.elementor-element-f3f5abc {
		--width: auto !important;
		flex: 1 1 auto;
		min-width: 0;
	}
	/* İç sayfa (9427): menü zemini (koyu yuvarlak) menüyü sarsın, ekran boyunca uzamasın */
	.elementor .e-con.elementor-element-5502b91 {
		--width: auto !important;
		flex: 0 1 auto;
		min-width: 0;
	}
}

/* Küçük laptop ve yatay tablet (1025–1365): logo küçülür, arama ikonu gizlenir, düğme daralır,
   yapışkan başlıktaki "Bize Ulaşın" kutusunda yalnızca telefon ikonu kalır (bağlantı ikonda). */
@media (min-width: 1025px) and (max-width: 1365px) {
	body .elementor .elementor-element.elementor-element-f71f254 img,
	body .elementor .elementor-element.elementor-element-8773f64 img { width: 190px !important; }
	body .elementor .elementor-element.elementor-element-f10b2f6 img { width: 160px !important; }
	.elementor .elementor-element.elementor-element-e694153 { display: none; }
	body .elementor .elementor-element.elementor-element-9d8bc38 .btn { padding: 12px 20px; font-size: 15px; }
	.elementor .elementor-element.elementor-element-8a181a3 .icon-text { display: none; }
	body .elementor .elementor-element.elementor-element-8a181a3 .icon { margin: 0; }
}

@media (min-width: 1025px) and (max-width: 1599px) {
	.menuzord-menu > li > a { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 1025px) and (max-width: 1365px) {
	.menuzord-menu > li > a { padding-left: 9px; padding-right: 9px; font-size: 13px; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.menuzord-menu > li > a { padding-left: 7px; padding-right: 7px; font-size: 12.5px; }
	/* İngilizce menü adları uzun (Reproductive Health): en dar aralıkta biraz daha sıkı */
	html[lang^="en"] .menuzord-menu > li > a { padding-left: 5px; padding-right: 5px; font-size: 12px; }
	html[lang^="en"] body .elementor .elementor-element.elementor-element-f71f254 img { width: 150px !important; }
	html[lang^="en"] body .elementor .elementor-element.elementor-element-9d8bc38 .btn { padding: 10px 14px; font-size: 14px; }
}

/* Tam 1024px (yatay iPad): tema JS'i yer tutucu yüksekliği yalnız <1024'te veriyor, CSS ise ≤1024'te mobil başlığı sabitliyor;
   menü içeriğin üstüne biniyordu. Bu genişlikte mobil başlık akışta durur (JS'in mobil yapışkan dalı da 1024'te çalışmıyor). */
@media (min-width: 1024px) and (max-width: 1024px) {
	body:not(.elementor-editor-active).tm-header-sticky-mobile header #elementor-header-top-mobile { position: relative; }
}