/**
 * Navbar Positioning Fix
 * Consolidates all navbar positioning rules and removes conflicts
 */

/* Main header positioning - Fixed to top */
.vl-header-area5,
#vl-header-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: var(--z-sticky, 1040) !important;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

/* Ensure proper body padding for fixed header */
body {
  padding-top: 100px; /* Adjust based on actual header height */
}

/* Homepage specific adjustments */
body.homepage {
  padding-top: 100px !important;
}

/* Transparent header on homepage hero */
.homepage .vl-header-area5.header-tranperent {
  background: rgba(30, 95, 153, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Menu positioning */
.vl-main-menu {
  position: relative;
}

.vl-main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vl-main-menu ul li {
  position: relative;
  display: inline-block;
}

/* Dropdown menu positioning */
.vl-main-menu .sub-menu,
.has-dropdown .sub-menu {
  position: absolute !important;
  top: 100%;
  left: 0;
  z-index: var(--z-dropdown, 1030) !important;
  min-width: 250px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

/* Show dropdown on hover */
.vl-main-menu li:hover > .sub-menu,
.has-dropdown:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Mobile adjustments */
@media (max-width: 991px) {
  body {
    padding-top: 80px;
  }
  
  body.homepage {
    padding-top: 80px !important;
  }
  
  .vl-header-area5,
  #vl-header-sticky {
    padding: 10px 0;
  }
  
  /* Mobile menu button */
  .vl-header-action-item button {
    position: relative;
    z-index: var(--z-component, 10);
  }
}

/* Hero section positioning */
.hero5 {
  position: relative;
  z-index: var(--z-base, 1);
  margin-top: 0;
}

/* Remove any conflicting transforms or filters */
.vl-header-area5,
.vl-main-menu,
.vl-main-menu ul li {
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

/* Ensure dropdowns don't get cut off */
.vl-main-menu {
  overflow: visible !important;
}

.vl-header-area5 .container {
  overflow: visible !important;
}