/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com/
Template: flatsome
Author: UX-Themes
Author URI: http://vutruso.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.12.2.1745074006
Updated: 2025-04-19 21:46:46
*/

/* Base styling for dropdown menus */
.nav-dropdown {
border: 1px solid #ddd;
padding: 0;
}

/* Format menu items */
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown li a {
font-weight: 500 !important;
text-transform: none !important;
font-size: 15px;
}

/* Add hover effects */
.nav-dropdown .nav-dropdown-col > ul li:hover {
background: #599942;
}

.nav-dropdown-default > li:hover > a,
.nav-dropdown .nav-dropdown-col > ul li:hover > a {
color: white;
}

.nav-dropdown-default > li:hover {
background: #599942;
}

.nav-dropdown-default > li > a {
border-bottom: 0 !important;
}

/* Position column-based dropdowns */
.nav-dropdown > li.nav-dropdown-col {
display: block;
width: 100%;
border-right: 0;
position: relative;
}

/* Position nested submenus to appear on the right */
.nav-dropdown .nav-dropdown-col > ul {
border: none;
margin-top: 0; /* Changed from -40px to prevent hover issues */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Added subtle shadow */
display: none;
position: absolute;
left: 100%;
top: 0; /* Align with parent */
z-index: 9;
background: white;
min-width: 240px;
}

/* For deeper nested levels (4th level) */
.nav-dropdown .nav-dropdown-col > ul li.menu-item-has-children > ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 10;
background: white;
min-width: 240px;
border: 1px solid #ddd;
}

/* Show submenu on hover for any level */
.nav-dropdown li.menu-item-has-children:hover > ul,
.nav-dropdown li.nav-dropdown-col:hover > ul,
.header-nav li.nav-dropdown-col:hover > ul {
display: block !important;
}

/* Style for submenu items */
.nav-dropdown .nav-dropdown-col > ul li a {
padding: 10px;
text-transform: none;
color: black;
font-size: 15px;
display: block; /* Ensure the entire area is clickable */
position: relative; /* For arrow positioning */
}

/* Arrow indicator for items with children */
.nav-dropdown li.menu-item-has-children > a::after {
content: "›";
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
font-size: 16px;
font-weight: bold;
}

/* Ensure dark themed dropdowns maintain proper positioning */
.dark.nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col,
.dark.nav-dropdown.nav-dropdown-simple > li.menu-item-has-children {
position: relative;
}

/* Fix for hover transition */
.nav-dropdown li.menu-item-has-children {
position: relative;
}

/* Create a hover bridge to prevent losing hover state */
.nav-dropdown li.menu-item-has-children > a::before {
content: "";
position: absolute;
top: 0;
right: -10px; /* Creates invisible bridge */
height: 100%;
width: 10px;
background: transparent;
z-index: 2;
}