/**
 * Modern Dropdown Menu Styles - Enhanced
 * Beautiful dropdown menu with clean design
 * 
 * @package Blog Content
 */

/* Improve submenu item spacing and style */
@media (min-width: 992px) {
	.main-navigation ul ul li {
		margin: 0;
		list-style: none;
	}
	
	/* Smooth entry animation for each item */
	.main-navigation ul ul li {
		opacity: 0;
		transform: translateX(-8px);
		transition: all 0.25s ease;
	}
	
	.main-navigation ul li:hover > ul li,
	.main-navigation ul li:focus-within > ul li {
		opacity: 1;
		transform: translateX(0);
	}
	
	.main-navigation ul li:hover > ul li:nth-child(1),
	.main-navigation ul li:focus-within > ul li:nth-child(1) {
		transition-delay: 0.03s;
	}
	
	.main-navigation ul li:hover > ul li:nth-child(2),
	.main-navigation ul li:focus-within > ul li:nth-child(2) {
		transition-delay: 0.06s;
	}
	
	.main-navigation ul li:hover > ul li:nth-child(3),
	.main-navigation ul li:focus-within > ul li:nth-child(3) {
		transition-delay: 0.09s;
	}
	
	.main-navigation ul li:hover > ul li:nth-child(4),
	.main-navigation ul li:focus-within > ul li:nth-child(4) {
		transition-delay: 0.12s;
	}
	
	.main-navigation ul li:hover > ul li:nth-child(5),
	.main-navigation ul li:focus-within > ul li:nth-child(5) {
		transition-delay: 0.15s;
	}
	
	.main-navigation ul li:hover > ul li:nth-child(n+6),
	.main-navigation ul li:focus-within > ul li:nth-child(n+6) {
		transition-delay: 0.15s;
	}
	
	/* Icon for menu items with children */
	.main-navigation ul ul li.menu-item-has-children > a::after {
		margin-left: auto;
		font-size: 0.75em;
		opacity: 0.6;
		transition: all 0.2s ease;
	}
	
	.main-navigation ul ul li.menu-item-has-children > a:hover::after {
		opacity: 1;
		transform: translateX(2px);
	}
	
	/* Highlight current page in dropdown */
	.main-navigation ul ul .current-menu-item > a,
	.main-navigation ul ul .current_page_item > a {
		background: linear-gradient(135deg, rgba(0, 123, 255, 0.12) 0%, rgba(0, 123, 255, 0.16) 100%);
		color: #007bff !important;
		font-weight: 600;
	}
	
	.main-navigation ul ul .current-menu-item > a::before,
	.main-navigation ul ul .current_page_item > a::before {
		opacity: 1;
		transform: scale(1);
		background: #007bff;
	}
	
	/* Divider line between groups (optional) */
	.main-navigation ul ul li.menu-item-divider {
		height: 1px;
		background: rgba(0, 123, 255, 0.08);
		margin: 4px 12px;
		padding: 0;
	}
	
	/* Enhanced shadow on hover with blue glow */
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus-within > ul {
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08),
					0 12px 24px rgba(0, 0, 0, 0.1),
					0 16px 32px rgba(0, 123, 255, 0.15);
	}
	
	/* Remove icon background and extra styling */
	.main-navigation ul ul li.menu-item-has-children > a {
		padding-right: 14px;
	}
}

/* Mobile dropdown improvements */
@media (max-width: 991px) {
	.main-navigation ul ul {
		background: #f8f9fa;
		border-radius: 8px;
		margin: 8px 0;
		padding: 8px;
		border: 1px solid rgba(0, 123, 255, 0.1);
	}
	
	.main-navigation ul ul li a {
		padding: 10px 16px;
		border-radius: 6px;
	}
	
	.main-navigation ul ul li a:hover {
		background: rgba(0, 123, 255, 0.08);
		transform: translateX(2px);
	}
}