/* Custom header fixes for Della Junior */

/* Solid background for the header */
.header-area.tp-header-3 {
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 10;
}

/* Fix submenu positioning to appear below the header */
.tp-main-menu-content ul li {
  position: relative;
}

.tp-main-menu-content ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #fff;
  z-index: 9;
  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  border-top: 3px solid #FFD97E;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
}

.tp-main-menu-content ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Ensure the sticky header also has solid background */
.header-area.tp-header-3.sticky-header-active {
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}