/**
 * DROPDOWN MENU - PREMIUM TASARIM
 * 
 * MTC #2F2483 Pattern
 * Desktop Only (Mobile Responsive'e dokunma)
 * 
 * @package GRPCMedia
 */

/* ============================================
   ANA MENÜ DROPDOWN - DESKTOP ONLY
   ============================================ */

@media (min-width: 1025px) {
	
	/* Parent menu items with dropdowns */
	nav li {
		position: relative !important;
	}
	
	/* Dropdown container - GLASSMORPHISM (Beyaz Cam Görünümü) */
	nav .sub-menu,
	nav .dropdown {
		min-width: 280px !important;
		padding: 14px 0 !important;
		background: rgba(255, 255, 255, 0.92) !important; /* Beyaz cam */
		backdrop-filter: blur(25px) !important; /* Cam bulanıklık efekti */
		-webkit-backdrop-filter: blur(25px) !important; /* Safari için */
		border: 1px solid rgba(255, 255, 255, 0.7) !important; /* Beyaz kenar */
		border-radius: 18px !important;
		box-shadow: 0 15px 50px rgba(47, 36, 131, 0.18),
		            0 5px 20px rgba(47, 36, 131, 0.12),
		            0 0 1px rgba(255, 255, 255, 1) inset !important; /* Inner glow */
		margin-top: 10px !important;
		z-index: 9999 !important;
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(-20px) scale(0.96) !important; /* Scale efekti ekledik */
		transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Bounce efekti */
	}
	
	/* Görünmez köprü - dropdown kapanmasını önle */
	nav .sub-menu::before,
	nav .dropdown::before {
		content: '' !important;
		position: absolute !important;
		top: -8px !important;
		left: 0 !important;
		right: 0 !important;
		height: 8px !important;
		background: transparent !important;
		z-index: 9998 !important;
	}
	
	/* Dropdown göster - SMOOTH GLASSMORPHISM ANIMATION */
	nav li.showhide .sub-menu,
	nav li.showhide .dropdown,
	nav li:hover .sub-menu,
	nav li:hover .dropdown {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0) scale(1) !important; /* Scale normal'e döner */
	}
	
	/* Dropdown items */
	nav .sub-menu li,
	nav .dropdown li {
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		list-style: none !important;
	}
	
	/* Dropdown links - GLASSMORPHISM STYLE */
	nav .sub-menu li a,
	nav .dropdown li a {
		padding: 13px 22px !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		color: #4a4a4a !important; /* Biraz daha koyu gri */
		display: block !important;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		border-left: 0 !important; /* Kenar çizgisi yok */
		position: relative !important;
		border-radius: 10px !important; /* Her item yuvarlatılmış */
		background: transparent !important;
		margin: 2px 8px !important; /* Kenarlardan boşluk */
	}
	
	/* Dropdown link hover - CAM EFEKTI + SMOOTH */
	nav .sub-menu li a:hover,
	nav .dropdown li a:hover {
		background: rgba(47, 36, 131, 0.12) !important; /* Mor glassmorphism */
		backdrop-filter: blur(10px) !important;
		color: #2F2483 !important;
		padding-left: 26px !important; /* Hafif kayma */
		font-weight: 600 !important;
		box-shadow: 0 2px 10px rgba(47, 36, 131, 0.15) !important; /* Yumuşak gölge */
		transform: translateX(4px) !important; /* Sağa kayma */
	}
	
	/* Active dropdown item - CAM EFEKTI */
	nav .sub-menu li.current-menu-item > a,
	nav .dropdown li.current-menu-item > a {
		background: rgba(47, 36, 131, 0.15) !important; /* Biraz daha koyu */
		color: #2F2483 !important;
		font-weight: 700 !important;
		padding-left: 22px !important;
		box-shadow: 0 2px 12px rgba(47, 36, 131, 0.2) !important;
	}
	
	/* Active item'a işaret ikonu - GLASSMORPHISM */
	nav .sub-menu li.current-menu-item > a::after,
	nav .dropdown li.current-menu-item > a::after {
		content: '●' !important; /* Filled circle */
		position: absolute !important;
		right: 18px !important;
		color: #2F2483 !important;
		font-size: 10px !important;
		animation: pulse-dot 1.5s ease-in-out infinite !important;
	}
	
	/* Pulse animation for active dot */
	@keyframes pulse-dot {
		0%, 100% {
			opacity: 1;
			transform: scale(1);
		}
		50% {
			opacity: 0.7;
			transform: scale(1.2);
		}
	}
	
	/* Parent menu item arrow */
	nav .menu-item-has-children > a::after,
	nav li:has(.sub-menu) > a::after,
	nav li:has(.dropdown) > a::after {
		content: '\f078' !important;
		font-family: 'Font Awesome 6 Free' !important;
		font-weight: 900 !important;
		margin-left: 8px !important;
		font-size: 11px !important;
		transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Bounce */
		opacity: 0.8 !important;
	}
	
	/* Arrow rotate when dropdown open - BOUNCE EFFECT */
	nav .menu-item-has-children.showhide > a::after,
	nav li:has(.sub-menu).showhide > a::after,
	nav li:has(.dropdown).showhide > a::after,
	nav li:hover > a::after {
		transform: rotate(180deg) !important;
		opacity: 1 !important;
	}
	
	/* Dropdown item radius - HER ITEM AYRI YUVARLATILMIŞ */
	nav .sub-menu li a,
	nav .dropdown li a {
		border-radius: 10px !important; /* Zaten yukarıda tanımlı, pekiştirme */
	}
	
	/* Divider between items - GLASSMORPHISM SUBTLE LINE */
	nav .sub-menu li:not(:last-child),
	nav .dropdown li:not(:last-child) {
		border-bottom: 0 !important; /* Çizgi kaldırıldı, glassmorphism'de gerek yok */
	}
}

/* ============================================
   AKTİF MENÜ ÖĞESİ - BEYAZ YAZI!
   ============================================ */

/* Parent menu aktif olduğunda - BEYAZ YAZI + PURPLE BG */
nav li.current-menu-parent > a,
nav li.current-menu-ancestor > a,
nav li.current_page_parent > a,
nav li.current_page_ancestor > a,
nav li.current-menu-item > a,
.elementor-item.elementor-item-active {
	background: #2F2483 !important;
	color: #ffffff !important;
}

/* ANA SAYFADA menu-item-home olan menüler NORMAL görünmeli */
body.home nav li.menu-item-home.current-menu-item > a,
body.home nav li.menu-item-home.current_page_item > a {
	background: transparent !important; /* Ana sayfada aktif görünmemeli */
	color: inherit !important; /* Normal menü rengi */
}

/* Hover state - BEYAZ YAZI */
nav li > a:hover {
	background: #2F2483 !important;
	color: #ffffff !important;
}

