/* ==========================================================================
   Ecolux — Header navigation fixes (loaded site-wide)
   --------------------------------------------------------------------------
   The Bootstrap nav walker outputs submenus as <ul class="dropdown-menu">,
   but the theme's built-in hover CSS only targets <ul class="submenu">, so
   the dropdowns never open on hover on any page that uses this header (shop,
   single product, and the other inner pages). These rules mirror the theme's
   intended behaviour for .dropdown-menu, matched to the home page exactly.
   Scoped to ul.navbar-nav so nothing outside the main nav is affected.
   ========================================================================== */

/* The theme paints a decorative vertical-line overlay (.content-lines*) that
   is absolutely positioned on top of the content and captures pointer events,
   which blocks clicks on interactive content beneath it (shop filter pills and
   cards, checkout/cart form fields, etc.). It is purely decorative, so let
   clicks pass straight through on every page. */
.content-lines-wrapper,
.content-lines-inner,
.content-lines {
	pointer-events: none !important;
}

ul.navbar-nav li.dropdown {
	position: relative;
}

ul.navbar-nav li.dropdown > ul.dropdown-menu {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 190px;
	min-width: 160px;
	margin: 0;
	padding: 15px;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	box-shadow: none;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease;
}

ul.navbar-nav li.dropdown:hover > ul.dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Dropdown items — matched to the home page exactly. */
ul.navbar-nav ul.dropdown-menu li {
	display: list-item;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.navbar-nav ul.dropdown-menu li a {
	display: block;
	padding: 9px 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
	color: rgb(27, 27, 27);
	background-color: transparent;
	text-transform: none;
	white-space: nowrap;
}

/* Hide the menu dropdown caret. On hero-header pages it renders white/tiny
   (invisible); on solid white headers it shows up black and large. Hiding it
   keeps every page consistent. Hover dropdowns are unaffected. */
ul.navbar-nav .ti-angle-down {
	display: none;
}