/* Header Layout Fixes - Click-Only Dropdown */

/* Logo Size Adjustment */
.tp-header-logo img {
  max-width: 65%; /* Reduce logo size to 85% of its container */
  height: auto; /* Maintain aspect ratio */
}


/* Override default hover behavior */
.tp-main-menu-content ul li.has-dropdown > ul.submenu {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease;
  position: absolute !important;
  top: 100% !important; /* Position below instead of above */
  left: 0 !important;
  transform: translateY(0) !important;
  margin-top: 0 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
  z-index: 999 !important;
}

/* Override hover behavior - prevent showing on hover */
.tp-main-menu-content ul li.has-dropdown:hover > ul.submenu {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Only show dropdown when the show-dropdown class is added via JavaScript */
.tp-main-menu-content ul li.has-dropdown.show-dropdown > ul.submenu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  top: 100% !important;
  bottom: auto !important;
}

/* Force dropdown to display below header */
.tp-main-menu-content ul li.has-dropdown {
  position: relative !important;
}

.tp-main-menu-content ul li.has-dropdown > ul.submenu {
  bottom: auto !important;
  top: 100% !important;
  position: absolute !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
}