/* ===== CURBSCAPES: Hello+ Dropdown (CLEAN) ===== */

/* Let dropdown render outside header/nav */
header.ehp-header,
nav.ehp-header__navigation {
  overflow: visible !important;
}

/* Anchor dropdown to the parent menu item */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children {
  position: relative !important;
  overflow: visible !important;
}

/* Dropdown panel base */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown {
  background: #8a3e00 !important;
  background-image: none !important;

  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 260px !important;

  /* Keep your nice shadow */
  box-shadow: 0 12px 28px rgba(0,0,0,0.25) !important;

  z-index: 999999 !important;

  /* IMPORTANT: prevents the “white line” / hover bleed outside the box */
  overflow: hidden !important;
  background-clip: padding-box !important;
}

/* Top accent line */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown::before {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  background: #ff7a00 !important;
  margin: 0 !important;
}

/* Reset LI spacing */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown > li {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Link styling */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown a {
  display: block !important;
  padding: 9px 16px !important;
  font-size: 16px !important;
  line-height: 1.1 !important;

  color: #fff !important;
  text-decoration: none !important;

  /* Kill any theme underline/lines/shadows */
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Hover background */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown a:hover {
  background: rgba(255,255,255,0.08) !important;
}

/* If theme draws a “line” with pseudo-elements */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown a::before,
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown a::after {
  content: none !important;
  display: none !important;
}

/* ===== Positioning: force attached dropdown, kill theme inset/transform ===== */

/* Tune this one number if needed (set to 0 for NO GAP) */
:root { --cs-dd-offset: 53px; }  /* if you need a drop, try 8px / 12px, etc. */

nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown[aria-hidden="false"] {
  position: absolute !important;

  /* hard reset any inset-based positioning */
  inset: auto !important;

  top: 100% !important;
  left: 0 !important;
  margin-top: var(--cs-dd-offset) !important;

  transform: none !important;
}

/* Prevent inner transforms from shifting stuff around */
nav.ehp-header__navigation ul.ehp-header__menu
> li.menu-item-has-children
> ul.ehp-header__dropdown[aria-hidden="false"] * {
  transform: none !important;
}
/* ===== CURBSCAPES: Hello+ Dropdown (CLEAN + STABLE) ===== */

/* Let dropdowns render outside the header */
header.ehp-header,
nav.ehp-header__navigation {
  overflow: visible !important;
}

/* Anchor each dropdown to its parent menu item */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children {
  position: relative !important;
  overflow: visible !important;
}

/* Dropdown panel (base styling) */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown {
  position: absolute !important;
  top: 100% !important;        /* attached to header */
  left: 0 !important;
  margin: 0 !important;
  inset: auto !important;
  transform: none !important;

  min-width: 260px !important;
  padding: 0 !important;

  background: #8a3e00 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: 0 12px 28px rgba(0,0,0,0.25) !important;
  z-index: 999999 !important;
}

/* Accent line at top */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown::before {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  background: #ff7a00 !important;
}

/* IMPORTANT: Respect Hello+ open/close state */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown[aria-hidden="true"] {
  display: none !important;
}
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown[aria-hidden="false"] {
  display: block !important;
}

/* Remove any stray spacing/lines from list + items */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown,
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Link styling (no underline / no “white line” artifacts) */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown a {
  display: block !important;
  padding: 9px 16px !important;
  line-height: 1.1 !important;
  font-size: 16px !important;

  color: #fff !important;
  text-decoration: none !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-clip: padding-box !important;
}

/* Hover state */
nav.ehp-header__navigation ul.ehp-header__menu > li.menu-item-has-children > ul.ehp-header__dropdown a:hover {
  background: rgba(255,255,255,0.08) !important;
  text-decoration: none !important;
}