/*
Theme Name: Silver Storm Child
Template: silverstorm
Text Domain: silverstorm-child
Version: 1.0.0
*/

/* =======================================================
   DROPDOWNS: light default, dark on hover (high contrast)
   FULL-ROW CLICKABLE + FULL-ROW HOVER HIGHLIGHT
   ======================================================= */

/* Submenu panel: light background, minimal inset */
#site-navigation ul.sub-menu,
#site-navigation ul.children,
.main-menu ul.sub-menu,
.main-menu ul.children,
.nav-menu ul.sub-menu,
.nav-menu ul.children,
.header-menu ul.sub-menu,
.header-menu ul.children {
  background: rgba(245, 247, 250, 0.98) !important;
  padding: 6px 0 !important;   /* small buffer like before */
  margin: 0 !important;
  gap: 0 !important;
  z-index: 99999 !important;
}

/* Remove extra spacing between rows */
#site-navigation ul.sub-menu li,
#site-navigation ul.children li,
.main-menu ul.sub-menu li,
.main-menu ul.children li,
.nav-menu ul.sub-menu li,
.nav-menu ul.children li,
.header-menu ul.sub-menu li,
.header-menu ul.children li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Full-row clickable links */
#site-navigation ul.sub-menu li > a,
#site-navigation ul.children li > a,
.main-menu ul.sub-menu li > a,
.main-menu ul.children li > a,
.nav-menu ul.sub-menu li > a,
.nav-menu ul.children li > a,
.header-menu ul.sub-menu li > a,
.header-menu ul.children li > a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;

  padding: 10px 14px !important;  /* controls row height/spacing */
  line-height: 1.15 !important;
  min-height: 0 !important;

  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  opacity: 1 !important;

  background: transparent !important; /* default row has no fill */
  text-shadow: none !important;
  text-decoration: none !important;
  border-radius: 0 !important;

  transition: background-color 0.12s ease-in-out, color 0.12s ease-in-out;
}

/* Neutralize any leftover "pill" styling from theme markup */
#site-navigation ul.sub-menu li > a > span,
#site-navigation ul.children li > a > span,
.main-menu ul.sub-menu li > a > span,
.main-menu ul.children li > a > span,
.nav-menu ul.sub-menu li > a > span,
.nav-menu ul.children li > a > span,
.header-menu ul.sub-menu li > a > span,
.header-menu ul.children li > a > span {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* FULL-ROW hover/focus highlight (apply to BOTH li and a for maximum reliability) */
#site-navigation ul.sub-menu li:hover,
#site-navigation ul.sub-menu li:focus-within,
#site-navigation ul.children li:hover,
#site-navigation ul.children li:focus-within,
.main-menu ul.sub-menu li:hover,
.main-menu ul.sub-menu li:focus-within,
.main-menu ul.children li:hover,
.main-menu ul.children li:focus-within,
.nav-menu ul.sub-menu li:hover,
.nav-menu ul.sub-menu li:focus-within,
.nav-menu ul.children li:hover,
.nav-menu ul.children li:focus-within,
.header-menu ul.sub-menu li:hover,
.header-menu ul.sub-menu li:focus-within,
.header-menu ul.children li:hover,
.header-menu ul.children li:focus-within {
  background: rgba(0, 0, 0, 0.85) !important;
}

#site-navigation ul.sub-menu li:hover > a,
#site-navigation ul.sub-menu li:focus-within > a,
#site-navigation ul.children li:hover > a,
#site-navigation ul.children li:focus-within > a,
.main-menu ul.sub-menu li:hover > a,
.main-menu ul.sub-menu li:focus-within > a,
.main-menu ul.children li:hover > a,
.main-menu ul.children li:focus-within > a,
.nav-menu ul.sub-menu li:hover > a,
.nav-menu ul.sub-menu li:focus-within > a,
.nav-menu ul.children li:hover > a,
.nav-menu ul.children li:focus-within > a,
.header-menu ul.sub-menu li:hover > a,
.header-menu ul.sub-menu li:focus-within > a,
.header-menu ul.children li:hover > a,
.header-menu ul.children li:focus-within > a {
  background: rgba(0, 0, 0, 0.85) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}