/**
 * GRPCMedia - Header index.html Match (SIMPLE & CLEAN)
 * 
 * 🇹🇷 TR: index.html ile TAM UYUMLU - basit ve temiz
 * 🇬🇧 EN: Exact match with index.html - simple and clean
 * 🎯 PURPOSE: Single CSS file for header - NO complexity
 * 
 * @package GRPCMedia
 * @version 2.0.0
 */

/* ============================================================================
   TOP BAR - MAVİ ARKA PLAN
   ============================================================================ */

.elementor-location-header .elementor-section:first-child,
.header-top {
	background: #2F2483 !important;
	padding: 10px 0 !important;
}

.elementor-location-header .elementor-section:first-child *,
.header-top * {
	color: #ffffff !important;
}

/* ============================================================================
   MAIN NAV - BEYAZ ARKA PLAN
   ============================================================================ */

.elementor-location-header .elementor-section:nth-child(2) {
	background: #ffffff !important;
	padding: 20px 0 !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* ============================================================================
   MENU ITEMS - YUVARLAK MAVİ HOVER
   ============================================================================ */

/* Remove ALL padding from LI + Position relative for dropdown positioning */
nav li,
.elementor-nav-menu li {
	padding: 0 !important;
	margin: 0 10px !important;
	position: relative !important; /* KRİTİK: Dropdown positioning için */
	display: inline-flex !important; /* Flex ile hizalama - TÜM MENÜLER AYNI HİZADA */
	align-items: center !important; /* Dikey hizalama */
	vertical-align: middle !important;
	
	/* DİKEY ÇİZGİLERİ KALDIR - Menü ayırıcıları */
	border-left: 0 !important;
	border-right: 0 !important;
}

/* Menü öğeleri arasındaki DİKEY ÇİZGİLERİ tamamen kaldır */
nav li::before,
.elementor-nav-menu li::before,
.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li::before,
.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: transparent !important;
	width: 0 !important;
	height: 0 !important;
}

/* DROPDOWN PARENT - Mouse geçişi için görünmez alan (::after ile) */
nav li.menu-item-has-children::after,
.elementor-nav-menu li.menu-item-has-children::after {
	content: '' !important;
	display: block !important; /* Override - görünmez alan için gerekli */
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 15px !important; /* Görünmez bağlantı alanı */
	background: transparent !important; /* SAYDAM - çizgi yok */
	border: 0 !important; /* Border yok */
	pointer-events: auto !important;
}

/* Normal menü öğelerinin ::after'ını kaldır (dropdown olmayanlar) */
nav li:not(.menu-item-has-children)::after,
.elementor-nav-menu li:not(.menu-item-has-children)::after {
	display: none !important;
	content: none !important;
}

/* ELEMENTOR MENU DIVIDERS / SEPARATORS - TAMAMEN KALDIR */
.elementor-nav-menu--divider,
.elementor-nav-menu__divider,
.elementor-menu-divider,
.e--pointer-framed .elementor-item::before,
.e--pointer-framed .elementor-item::after,
.elementor-nav-menu--indicator-classic .elementor-item::before,
.elementor-nav-menu--indicator-classic .elementor-item::after,
.elementor-nav-menu .elementor-item-divider,
.elementor-nav-menu li.menu-item-divider {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: transparent !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Add padding to A tags */
nav li > a,
.elementor-nav-menu li > a,
.elementor-item {
	padding: 8px 16px !important;
	border-radius: 30px !important;
	color: #333 !important;
	transition: all 0.3s linear !important;
	display: inline-flex !important; /* Flex ile içerik hizalama */
	align-items: center !important; /* Icon ve text aynı hizada */
	vertical-align: middle !important;
}

/* Hover - Mavi arka plan */
nav li > a:hover,
.elementor-nav-menu li > a:hover,
.elementor-item:hover,
.elementor-item.elementor-item-active,
.current-menu-parent > a,
.current-menu-ancestor > a,
.current_page_parent > a,
.current_page_ancestor > a,
li.current-menu-parent > .elementor-item,
li.current-menu-ancestor > .elementor-item,
li.current_page_parent > .elementor-item,
li.current_page_ancestor > .elementor-item {
	background: #2F2483 !important;
	color: #ffffff !important;
	border-bottom: 0 !important; /* Remove any bottom border on hover */
}

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

/* Remove pseudo-elements that might create green line - VERY SPECIFIC! */
nav li > a::before,
nav li > a::after,
nav li > a:hover::before,
nav li > a:hover::after,
.elementor-nav-menu li > a::before,
.elementor-nav-menu li > a::after,
.elementor-nav-menu li > a:hover::before,
.elementor-nav-menu li > a:hover::after,
.elementor-item::before,
.elementor-item::after,
.elementor-item:hover::before,
.elementor-item:hover::after,
.elementor-item.has-submenu::before,
.elementor-item.has-submenu::after,
.elementor-item.has-submenu:hover::before,
.elementor-item.has-submenu:hover::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: transparent !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
}

/* ============================================================================
   SUBMENU ARROW - Show Elementor's default arrow (theme SVG disabled in PHP)
   ============================================================================ */

/* Show Elementor's sub-arrow (FontAwesome caret-down) */
.elementor-nav-menu .sub-arrow {
	display: inline-flex !important;
	align-items: center !important;
	margin-left: 5px !important;
	vertical-align: middle !important;
	opacity: 1 !important;
	line-height: 1 !important; /* Icon hizalama düzeltmesi */
}

/* Hide custom SVG arrow if it appears (PHP should prevent it) */
.grpc-menu-arrow {
	display: none !important;
}

/* ============================================================================
   DROPDOWN - ULTRA MODERN WITH GLASSMORPHISM
   🇹🇷 TR: Ultra modern dropdown - glassmorphism ve 3D efektler
   🇬🇧 EN: Ultra modern dropdown with glassmorphism and 3D effects
   🎯 PURPOSE: Premium dropdown with advanced animations and effects
   ============================================================================ */

/* Dropdown container - Ultra Modern */
.elementor-nav-menu--dropdown,
ul.sub-menu {
	display: none !important;
	position: absolute !important;
	left: 0 !important;
	top: 100% !important;
	width: auto !important;
	min-width: 280px !important;
	max-width: 320px !important;
	
	/* GLASSMORPHISM - Modern cam efekti */
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	
	border-radius: 16px !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	
	/* MODERN SHADOW - Çok katmanlı derinlik */
	box-shadow: 0 8px 32px rgba(47, 36, 131, 0.12),
	            0 16px 64px rgba(0, 0, 0, 0.08),
	            inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
	
	padding: 8px 0 !important;
	margin-top: 2px !important; /* Boşluk azaltıldı - hemen açılır */
	z-index: 9999 !important;
	list-style: none !important;
	max-height: none !important; /* Sınırsız yükseklik - tüm öğeler görünsün */
	overflow: visible !important; /* Scroll yok, tüm öğeler görünsün */
	
	/* SCROLLBAR GİZLE - Tamamen görünmez */
	scrollbar-width: none !important; /* Firefox */
	-ms-overflow-style: none !important; /* IE and Edge */
	
	/* 3D PERSPECTIVE & ANIMATION */
	opacity: 0 !important;
	visibility: hidden !important;
	transform: perspective(1000px) rotateX(-10deg) translateY(-20px) scale(0.9) !important;
	transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
	transform-origin: top center !important;
	
	/* PERFORMANCE OPTIMIZATION */
	will-change: transform, opacity !important;
}

/* Scrollbar GİZLE - Chrome, Safari, Opera */
.elementor-nav-menu--dropdown::-webkit-scrollbar,
ul.sub-menu::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Show dropdown on hover - HEMEN AÇILIR, YAVAS KAPANIR */
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown,
.elementor-nav-menu li:hover > .sub-menu,
li.menu-item-has-children:hover > .sub-menu,
li.menu-item-has-children:hover > .elementor-nav-menu--dropdown {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: perspective(1000px) rotateX(0deg) translateY(0) scale(1) !important;
	transition-delay: 0s !important; /* Hemen açılır */
}

/* Dropdown kapanırken GECİKME - Mouse çıkınca hemen kapanmasın */
.elementor-nav-menu--dropdown,
ul.sub-menu {
	transition: opacity 0.3s ease 0.2s, 
	            visibility 0s linear 0.5s, 
	            transform 0.3s ease 0.2s !important; /* 0.5s gecikme ile kapanır */
}

/* STAGGERED ANIMATION - Her item sırayla açılır (SADECE HOVER'DA) */
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item,
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-sub-item,
.elementor-nav-menu li:hover > ul.sub-menu li {
	animation: slideInLeft 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}

.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item:nth-child(1),
.elementor-nav-menu li:hover > ul.sub-menu li:nth-child(1) { animation-delay: 0.05s !important; }
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item:nth-child(2),
.elementor-nav-menu li:hover > ul.sub-menu li:nth-child(2) { animation-delay: 0.08s !important; }
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item:nth-child(3),
.elementor-nav-menu li:hover > ul.sub-menu li:nth-child(3) { animation-delay: 0.11s !important; }
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item:nth-child(4),
.elementor-nav-menu li:hover > ul.sub-menu li:nth-child(4) { animation-delay: 0.14s !important; }
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item:nth-child(5),
.elementor-nav-menu li:hover > ul.sub-menu li:nth-child(5) { animation-delay: 0.17s !important; }
.elementor-nav-menu li:hover > .elementor-nav-menu--dropdown .elementor-item:nth-child(n+6),
.elementor-nav-menu li:hover > ul.sub-menu li:nth-child(n+6) { animation-delay: 0.2s !important; }

@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Dropdown items - KOMPAKT & GÖRÜNÜR */
.elementor-nav-menu--dropdown .elementor-item,
.elementor-nav-menu--dropdown .elementor-sub-item,
ul.sub-menu li,
ul.sub-menu li a {
	display: block !important;
	width: 100% !important;
	padding: 10px 20px !important; /* Padding azaltıldı */
	margin: 2px 6px !important; /* Margin azaltıldı */
	border-radius: 10px !important;
	color: #334155 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0.2px !important;
	text-align: left !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	position: relative !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	will-change: transform, background !important;
}

/* RIPPLE EFFECT on hover - Modern micro-interaction */
.elementor-nav-menu--dropdown .elementor-item:before,
.elementor-nav-menu--dropdown .elementor-sub-item:before,
ul.sub-menu li a:before {
	content: '' !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 0 !important;
	height: 0 !important;
	border-radius: 50% !important;
	background: rgba(47, 36, 131, 0.3) !important;
	transform: translate(-50%, -50%) !important;
	transition: width 0.6s ease, height 0.6s ease !important;
}

/* Dropdown item hover effect - TEMIZ & DÜZGÜN */
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-nav-menu--dropdown .elementor-sub-item:hover,
ul.sub-menu li:hover > a,
ul.sub-menu li a:hover {
	background: linear-gradient(135deg, #2F2483 0%, #1e1850 100%) !important;
	color: #ffffff !important;
	padding-left: 26px !important;
	box-shadow: 0 6px 20px rgba(47, 36, 131, 0.35),
	            0 2px 8px rgba(47, 36, 131, 0.2),
	            inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
	transform: translateX(4px) !important; /* Sadece sağa kayma, scale yok */
}

.elementor-nav-menu--dropdown .elementor-item:hover:before,
.elementor-nav-menu--dropdown .elementor-sub-item:hover:before,
ul.sub-menu li a:hover:before {
	width: 100% !important;
	height: 100% !important;
}

/* FOCUS STATE - Accessibility */
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-sub-item:focus,
ul.sub-menu li a:focus {
	outline: 2px solid #2F2483 !important;
	outline-offset: 2px !important;
	background: rgba(47, 36, 131, 0.05) !important;
}

/* Active dropdown item - PROMINENT */
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active,
ul.sub-menu li.current-menu-item > a {
	background: linear-gradient(135deg, #e8f4ff 0%, #f0f8ff 100%) !important;
	color: #2F2483 !important;
	font-weight: 600 !important;
	border-left: 4px solid #2F2483 !important;
	padding-left: 16px !important;
	box-shadow: 0 2px 8px rgba(47, 36, 131, 0.15) !important;
}

/* Active item indicator */
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active:after,
ul.sub-menu li.current-menu-item > a:after {
	content: '●' !important;
	position: absolute !important;
	right: 20px !important;
	color: #2F2483 !important;
	font-size: 10px !important;
	animation: pulse 2s ease-in-out infinite !important;
}

/* Dropdown divider - Modern */
.elementor-nav-menu--dropdown .menu-item-divider,
ul.sub-menu .menu-item-divider {
	height: 1px !important;
	background: linear-gradient(90deg, transparent 0%, rgba(47, 36, 131, 0.2) 50%, transparent 100%) !important;
	margin: 10px 0 !important;
	border: none !important;
}

/* ============================================================================
   ANA MENÜ POZİSYON AYARI - Dropdown için temel
   ============================================================================ */

/* Ana menü item'ları için gerekli pozisyon */
.elementor-nav-menu > li,
nav > ul > li {
	position: relative !important;
}

/* Dropdown'ın parent'a göre konumu */
.elementor-nav-menu {
	position: relative !important;
	display: flex !important; /* Flex container - tüm öğeler hizalı */
	align-items: center !important; /* Dikey ortalama */
	flex-wrap: wrap !important; /* Responsive için */
}

/* Ana menü UL - Flex hizalama */
.elementor-nav-menu > ul,
nav > ul {
	display: flex !important;
	align-items: center !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Mega menu varsa onu da sola yasla */
.elementor-nav-menu--dropdown.mega-menu {
	left: 0 !important;
	right: auto !important;
}