/**
 * Jafra Türkiye — özel nav menü CSS'i
 *
 * Hedef: Neuron Builder nav menü widget'ları (tema: taverna).
 * DİKKAT: Bu sitedeki navbar Elementor Pro Nav Menu DEĞİL; selector'ler
 * .elementor-nav-menu--main değil .m-neuron-nav-menu ailesidir
 * (canlı HTML'den doğrulandı, 2026-07-12).
 *
 * Breakpoint: Elementor Site Settings'te mobil breakpoint 720px'e
 * özelleştirilmiş (derlenen CSS'te max-width:720px / min-width:721px).
 * Bu yüzden 767 değil 720 kullanılıyor.
 *
 * Kapsam: Sadece "breakpoint: none" ayarlı yatay menüler (menü sayfalarındaki
 * sabit kategori navbarları, örn. post 658 /icecek/ üzerindeki 38b30eb ve
 * f3cad2f). Header menüsü (breakpoint: mobile, hamburger'a dönüşüyor)
 * bilerek kapsam dışı bırakıldı.
 */

/* >=721px: davranış değişmiyor; widget zaten yatay (m-neuron-nav-menu--horizontal). */

/* <=720px (mobil): dikey, ortalanmış, tam genişlik item'lar.
   !important gerekli: Elementor'un post-658.css'i widget-id bazlı, daha
   spesifik selector'lerle margin/position basıyor. */
@media (max-width: 720px) {

	/* Fixed konumlu widget'ı akışa al ve tam genişlik yap; desktop'taki
	   left/top offset'leri mobilde taşma/üst üste binme yaratıyordu. */
	.elementor-widget-neuron-nav-menu.m-neuron-nav-menu--breakpoint-none.m-neuron-nav-menu--horizontal {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		left: auto !important;
		top: auto !important;
	}

	/* Liste: yatay flex -> dikey, ortalanmış */
	.elementor-widget-neuron-nav-menu.m-neuron-nav-menu--breakpoint-none.m-neuron-nav-menu--horizontal .m-neuron-nav-menu__list {
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
	}

	/* Item'lar: tam genişlik, ortalı; yataydaki sağ marginlar sıfır */
	.elementor-widget-neuron-nav-menu.m-neuron-nav-menu--breakpoint-none.m-neuron-nav-menu--horizontal .m-neuron-nav-menu > ul > li {
		width: 100% !important;
		margin-right: 0 !important;
		text-align: center !important;
	}

	.elementor-widget-neuron-nav-menu.m-neuron-nav-menu--breakpoint-none.m-neuron-nav-menu--horizontal .m-neuron-nav-menu > ul > li:not(:last-child) {
		margin-right: 0 !important;
		margin-bottom: 12px !important;
	}

	/* Linkler: blok + tam genişlik, dokunma alanı büyür */
	.elementor-widget-neuron-nav-menu.m-neuron-nav-menu--breakpoint-none.m-neuron-nav-menu--horizontal .m-neuron-nav-menu > ul > li > a {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
	}
}