/*
 * Satranc — acilir menu (dropdown / mega menu) gorunumu.
 *
 * Sorun: Tema, acilir menuye beyaz zemin + cok soluk bir golge veriyordu
 * (--shadow-1 = %5 opaklik). Beyaz sayfa uzerinde beyaz panel, gorunur bir
 * kenarlik ya da golge olmadan basildigi icin menunun nerede bitip sayfanin
 * nerede basladigi secilemiyordu; altta kalan filtre karti menunun icinden
 * geciyormus gibi gorunuyordu.
 *
 * Cozum: paneli gercek bir "yuzen kart" gibi ele almak — belirgin golge,
 * ince kenarlik, yumusak koseler, rahat satir araligi ve net vurgu durumu.
 */

:root {
	--satranc-menu-bg: #fff;
	--satranc-menu-border: rgba(16, 24, 40, .09);
	--satranc-menu-shadow:
		0 1px 2px rgba(16, 24, 40, .04),
		0 8px 16px -6px rgba(16, 24, 40, .10),
		0 20px 40px -12px rgba(16, 24, 40, .18);
	--satranc-menu-radius: 14px;
	--satranc-menu-item-radius: 8px;
	--satranc-menu-hover-bg: var(--color-brand-200, #e9f1fc);
}

/* ---------- 1. Seviye acilir panel ---------- */
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown > .submenu,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown > .submenu,
.rbt-elastic-dropdown .rbt-megamenu li.has-dropdown > .submenu {
	min-width: 268px;
	padding: 10px;
	background-color: var(--satranc-menu-bg);
	border: 1px solid var(--satranc-menu-border);
	border-top: none;
	border-radius: 0 0 var(--satranc-menu-radius) var(--satranc-menu-radius);
	box-shadow: var(--satranc-menu-shadow);
	/* Sayfa icerigi (yapiskan filtre kenar cubugu vb.) menunun ustune binmesin. */
	z-index: 120;
}

/* ---------- Menu satirlari ---------- */
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a,
.rbt-elastic-dropdown .rbt-megamenu li.has-dropdown .submenu li > a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 12px;
	border-radius: var(--satranc-menu-item-radius);
	line-height: 1.35;
	transition: background-color .15s ease, color .15s ease;
}

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a:hover,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a:hover,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a.active,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a.active {
	background: var(--satranc-menu-hover-bg);
}

/* Tema, alt menusu olan satirlara zaten <i class="fa-chevron-down"> basiyor.
   Yeni ok eklemiyoruz; mevcut ikonu saga yaslayip yumusatiyoruz. */
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a > i,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li > a > i {
	margin-left: auto;
	font-size: 11px;
	opacity: .5;
	flex: 0 0 auto;
}

/* ---------- 2. ve sonraki seviyeler (yana acilan) ---------- */
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li ul.submenu,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li ul.submenu {
	border: 1px solid var(--satranc-menu-border);
	border-radius: var(--satranc-menu-radius);
	box-shadow: var(--satranc-menu-shadow);
	margin-left: 4px;
	z-index: 121;
}

/* ---------- Mega menu paneli ---------- */
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.rbt-elastic-dropdown .rbt-megamenu li.with-rbt-megamenu .rbt-megamenu {
	border: 1px solid var(--satranc-menu-border);
	border-top: none;
	border-radius: 0 0 var(--satranc-menu-radius) var(--satranc-menu-radius);
	box-shadow: var(--satranc-menu-shadow);
	z-index: 120;
}

/* Mega menu icindeki sutun basliklari ve baglantilar */
.rbt-megamenu .rbt-megamenu-wrapper .mega-menu-item li > a {
	padding: 7px 10px;
	border-radius: var(--satranc-menu-item-radius);
	transition: background-color .15s ease, color .15s ease;
}

.rbt-megamenu .rbt-megamenu-wrapper .mega-menu-item li > a:hover {
	background: var(--satranc-menu-hover-bg);
}

/* ---------- Header'i sayfa icerigi uzerinde tut ---------- */
.rbt-header {
	position: relative;
	z-index: 120;
}

/* Yapiskan magaza kenar cubugu acilir menunun onune gecmesin. */
.rbt-sidebar.sticky-top,
.rbt-sidebar.position-sticky {
	z-index: 5;
}

/* ---------- Baslik arama alanindaki kategori listesi ---------- */
.rbt-search-with-category .bootstrap-select .dropdown-menu,
.rbt-modern-select .dropdown-menu {
	border: 1px solid var(--satranc-menu-border);
	border-radius: 12px;
	box-shadow: var(--satranc-menu-shadow);
	padding: 8px;
}

.rbt-search-with-category .bootstrap-select .dropdown-menu li a,
.rbt-modern-select .dropdown-menu li a {
	border-radius: var(--satranc-menu-item-radius);
	padding: 8px 10px;
}