/**
 * Reten — Ana menü: kutusuz dokunsal/3D tipografi efekti.
 *
 * Kapsam: SADECE header ana menüsünün üst seviye elemanları
 * (.bricks-nav-menu > li.menu-item > a). Alt menü (.sub-menu) öğeleri,
 * mega menü, "Hesabım"/"Çıkış Yap" butonları ve mobil menü açma
 * ikonu bilinçli olarak KAPSAM DIŞI bırakıldı — bunlar ayrı Bricks
 * elemanları ve mevcut buton görünümlerini korumalı.
 *
 * Teknik: kutu/arkaplan/border YOK. Derinlik hissi sadece
 * text-shadow katmanlama (emboss: koyu alt gölge + açık üst vurgu),
 * translateY hareketi ve çok yumuşak bir radial "ışık halesi" ile
 * sağlanıyor. Halo, gerçek bir kutu değil — bulanık, kenarsız bir
 * radial-gradient (::before), bu yüzden "buton" hissi vermiyor.
 *
 * Renkler mevcut Bricks tema değişkenleriyle (--bricks-color-navy vb.)
 * ve sitenin diğer gölgelerinde kullanılan rgb(15 23 42 / x) tonuyla
 * tutarlı tutuldu.
 */

.bricks-nav-menu > li.menu-item > a,
.bricks-nav-menu > li.menu-item > .brx-submenu-toggle > a {
	position: relative;
	display: inline-block;
	transform: translateY(0);
	text-shadow:
		0 1px 2px rgb(15 23 42 / 0.08),
		0 1px 0 rgb(255 255 255 / 0.5);
	transition: transform 0.3s ease, text-shadow 0.3s ease;
	will-change: transform;
}

/* Yumuşak ışık halesi — kutu değil, bulanık radial glow. */
.bricks-nav-menu > li.menu-item > a::before,
.bricks-nav-menu > li.menu-item > .brx-submenu-toggle > a::before {
	content: "";
	position: absolute;
	inset: -12px -10px;
	background: radial-gradient(
		ellipse at 50% 45%,
		rgb(53 55 148 / 0.1) 0%,
		rgb(53 55 148 / 0) 70%
	);
	opacity: 0;
	transform: scale(0.85);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
	z-index: -1;
}

/* Hover — sadece gerçek fare/imleç cihazlarında (dokunmatik ekranlarda
   "yapışkan hover" sorununu önler; mobil davranışı aşağıda ayrıca ele
   alınıyor). */
@media (hover: hover) and (pointer: fine) {
	.bricks-nav-menu > li.menu-item > a:hover,
	.bricks-nav-menu > li.menu-item > .brx-submenu-toggle > a:hover {
		transform: translateY(-2px);
		text-shadow:
			0 4px 8px rgb(15 23 42 / 0.16),
			0 2px 4px rgb(15 23 42 / 0.08),
			0 1px 0 rgb(255 255 255 / 0.7);
	}

	.bricks-nav-menu > li.menu-item > a:hover::before,
	.bricks-nav-menu > li.menu-item > .brx-submenu-toggle > a:hover::before {
		opacity: 1;
		transform: scale(1);
	}
}

/* Tıklama/basılı tutma — içeri basılma hissi. touch cihazlarda da
   :active tetiklenir, böylece dokunsal geri bildirim korunur. */
.bricks-nav-menu > li.menu-item > a:active,
.bricks-nav-menu > li.menu-item > .brx-submenu-toggle > a:active {
	transform: translateY(0px);
	text-shadow: 0 1px 1px rgb(15 23 42 / 0.12);
	transition: transform 0.1s ease, text-shadow 0.1s ease;
}

/* Mobil / dokunmatik: kalıcı hover halesi göstermeyelim, sadece
   dokunsal translateY + text-shadow geçişi kalsın (okunabilirlik ve
   çakışma olmaması için). */
@media (hover: none), (pointer: coarse) {
	.bricks-nav-menu > li.menu-item > a::before,
	.bricks-nav-menu > li.menu-item > .brx-submenu-toggle > a::before {
		display: none;
	}
}