/**
 * Navigation dropdown styles — Lebanon Consulate LA theme.
 * File: assets/css/nav-dropdown.css
 * Enqueue after the main stylesheet.
 */

/* ---------- Desktop hover dropdown ---------- */

.lc-has-dropdown {
	position: relative;
}

.lc-has-dropdown .lc-dropdown-panel {
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	pointer-events: none;
}

/* Open on hover or keyboard focus anywhere inside the item */
.lc-has-dropdown:hover .lc-dropdown-panel,
.lc-has-dropdown:focus-within .lc-dropdown-panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* Rotate chevron when open */
.lc-has-dropdown:hover > a svg,
.lc-has-dropdown:focus-within > a svg {
	transform: rotate(180deg);
}

.lc-has-dropdown > a svg {
	transition: transform 0.15s ease;
}

/* ---------- Mobile accordion ---------- */

.lc-submenu-toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}