/* 1. Keep parent link/button visible */
li.menu-item-has-children > .ehp-header__item,
li.menu-item-has-children > .ehp-header__dropdown-toggle {
  display: inline-block !important;
}

/* Submenu container - updated to NOT block clicks on parent link */
li.menu-item-has-children > .ehp-header__dropdown {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000 !important;
  background: #000 !important;
  color: #fff !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
  padding: 0.5em 0 !important;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  min-width: 100% !important;
  /* Removed pointer-events: none */
}


/* 3. Desktop: show the submenu on hover */
@media (hover: hover) {
  li.menu-item-has-children:hover > .ehp-header__dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Optionally hide the toggle icon on desktop */
  .ehp-header__dropdown-toggle {
    display: none !important;
  }
}

/* 4. Mobile/tablet: show submenu on focus (tap) */
@media (max-width: 1024px) {
  li.menu-item-has-children:focus-within > .ehp-header__dropdown,
  li.menu-item-has-children.ehp-header__menu-item--active > .ehp-header__dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Always show toggle icon on mobile */
  .ehp-header__dropdown-toggle {
    display: inline-block !important;
  }
}
/* Submenu container styles */
li.menu-item-has-children > .ehp-header__dropdown {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000 !important;
  background: #000 !important;
  color: #fff !important;
  transition: opacity 0.2s ease !important;
  padding: 0.75em 0 !important;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Submenu list items spacing */
li.menu-item-has-children > .ehp-header__dropdown li {
  margin: 2px 0;
}

/* Submenu links default */
li.menu-item-has-children > .ehp-header__dropdown a {
  color: #fff !important;
  font-weight: 500;
  display: block;
  padding: 0.6em 1em;
  text-decoration: none;
  background-color: #000;
  transition: all 0.2s ease;
  border-radius: 4px;
}

/* Hover effect */
li.menu-item-has-children > .ehp-header__dropdown a:hover {
  background-color: #ffeb3b !important;
  color: #000 !important;
  text-decoration: underline;
}

/* Active menu item (current page or manually added class) */
li.menu-item-has-children > .ehp-header__dropdown .current-menu-item > a,
li.menu-item-has-children > .ehp-header__dropdown .current_page_item > a {
  background-color: #ffeb3b !important;
  color: #000 !important;
  text-decoration: underline !important;
}

/* Desktop: show submenu on hover */
@media (hover: hover) {
  li.menu-item-has-children:hover > .ehp-header__dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .ehp-header__dropdown-toggle {
    display: none !important;
  }
}

/* Mobile: show submenu on tap */
@media (max-width: 1024px) {
  li.menu-item-has-children:focus-within > .ehp-header__dropdown,
  li.menu-item-has-children.ehp-header__menu-item--active > .ehp-header__dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .ehp-header__dropdown-toggle {
    display: inline-block !important;
  }
}

li.menu-item-has-children > .ehp-header__dropdown li {
  width: 100% !important;
  text-align: center !important;
}

li.menu-item-has-children > .ehp-header__dropdown a {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

/* Hide the dropdown toggle button completely */
.ehp-header__dropdown-toggle {
  display: none !important;
}

.readon{
	fill: var(--e-global-color-primary);
    color: #000 !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 100px 100px 100px 100px;
    padding: 10px 30px 10px 30px;
	background-color: var(--e-global-color-accent);
}
.readon:hover{
	background-color:#000 !important;
	color:#fee101 !important;
	border-color:#fee101 !important;
}
#scrollToTopBtn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: none;
  background: #FEE101;
	border-color:#000;
  color: #000;
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  z-index: 1000;
}
/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  #scrollToTopBtn {
    bottom: 30px;
    right: 30px;
    padding: 9px 13px;
    font-size: 13px;
  }
}

/* Mobile (max-width: 600px) */
@media (max-width: 600px) {
  #scrollToTopBtn {
    bottom: 20px;
    right: 20px;
    padding: 8px 12px;
    font-size: 12px;
  }
}