/* Default: HIDE submenu everywhere */
.nav .has-submenu > .submenu,
.has-submenu > .submenu {
  display: none !important;
  visibility: hidden; /* optional extra guard */
  opacity: 0;         /* optional extra guard */
}

/* Show only on hover/focus */
.nav .has-submenu:hover > .submenu,
.nav .has-submenu:focus-within > .submenu,
.has-submenu:hover > .submenu,
.has-submenu:focus-within > .submenu {
  display: block !important;
  visibility: visible;
  opacity: 1;
}

/* If you use a 'show' or 'active' class via JS, define it explicitly */
.has-submenu > .submenu.show,
.has-submenu > .submenu.active {
  display: block !important;
  visibility: visible;
  opacity: 1;
}

/* 1) FORCE submenu hidden by default, cancel theme mobile tricks */
.header-area .main-nav .nav li.submenu > ul,
.has-submenu > .submenu {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transform: none !important;         /* cancels translateY(0%) */
  transition: none !important;        /* prevents animations reopening it */
}

/* 2) Show only on hover/focus */
.header-area .main-nav .nav li.submenu:hover > ul,
.header-area .main-nav .nav li.submenu:focus-within > ul,
.has-submenu:hover > .submenu,
.has-submenu:focus-within > .submenu {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* === Default: hide submenu everywhere (both your structure and the theme's) === */
.nav .has-submenu > .submenu,
.has-submenu > .submenu,
.header-area .main-nav .nav li.submenu > ul {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transform: none !important;     /* cancel translateY tricks from theme */
  transition: none !important;    /* stop animations from re-opening */
}

/* === Desktop: show on hover/focus === */
.nav .has-submenu:hover > .submenu,
.nav .has-submenu:focus-within > .submenu,
.has-submenu:hover > .submenu,
.has-submenu:focus-within > .submenu,
.header-area .main-nav .nav li.submenu:hover > ul,
.header-area .main-nav .nav li.submenu:focus-within > ul {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* === If JS toggles a class (optional) === */
.has-submenu > .submenu.show,
.has-submenu > .submenu.active,
.header-area .main-nav .nav li.submenu > ul.show,
.header-area .main-nav .nav li.submenu > ul.active {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* === Mobile (narrow): prevent :focus-within from keeping menu open in Chrome === */
@media (max-width: 991.98px) {
  .has-submenu:focus-within > .submenu,
  .header-area .main-nav .nav li.submenu:focus-within > ul {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    overflow: hidden !important;
  }
}
``