/**
 * Submenu Color Customizer (0c9aff37)
 * High-contrast values below prevent the submenu items from blanking out on hover.
 */
:root {
  /* Submenu Colors */
  --submenu-bg-color: #ffffff;          /* Default background: White */
  --submenu-text-color: #000000;        /* Default text color: Black */
  
  --submenu-bg-hover: #0056b3;          /* Hover background: Royal Blue */
  --submenu-text-hover: #ffffff;        /* Hover text color: White */
}

/* 1. Elementor Nav Menu Submenu Styling */
.elementor-nav-menu .sub-menu,
.elementor-nav-menu--dropdown .sub-menu {
  background-color: var(--submenu-bg-color) !important;
}

.elementor-nav-menu .sub-menu a,
.elementor-nav-menu--dropdown .sub-menu a {
  color: var(--submenu-text-color) !important;
}

.elementor-nav-menu .sub-menu a:hover,
.elementor-nav-menu .sub-menu a:focus,
.elementor-nav-menu--dropdown .sub-menu a:hover,
.elementor-nav-menu--dropdown .sub-menu a:focus {
  background-color: var(--submenu-bg-hover) !important;
  color: var(--submenu-text-hover) !important;
}

/* 2. Default WordPress Theme Submenu Styling */
ul.sub-menu,
.sub-menu li a {
  background-color: var(--submenu-bg-color) !important;
  color: var(--submenu-text-color) !important;
}

ul.sub-menu li a:hover,
ul.sub-menu li a:focus {
  background-color: var(--submenu-bg-hover) !important;
  color: var(--submenu-text-hover) !important;
}