/**
 * DROPDOWN FIX - Z-INDEX STACKING
 * Problem: Dropdowns covered by hero section below header
 * Solution: Ensure header stacking context is above everything
 */

/* HEADER - HIGHEST Z-INDEX */
header.mainHeader,
.mainHeader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background-color: #4eb8c7 !important;
    min-height: auto !important;
    height: auto !important;
}

/* NAVBAR */
.navbar {
    position: relative !important;
    z-index: 99999 !important;
}

/* DROPDOWN CONTAINER */
.navbar .dropdown,
.navbar .nav-item.dropdown {
    position: relative !important;
}

/* DROPDOWN MENU - MUST BE ABOVE HERO */
.navbar .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 999999 !important;
    min-width: 280px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important;
}

/* Show dropdown on hover */
.navbar .dropdown:hover > .dropdown-menu,
.navbar .nav-item.dropdown:hover > .dropdown-menu,
.navbar .dropdown-menu.show {
    display: block !important;
}

/* Hide by default */
.navbar .dropdown-menu {
    display: none;
}

/* DROPDOWN ITEMS - HIGH CONTRAST */
.navbar .dropdown-menu .dropdown-item,
.navbar .dropdown-menu a {
    display: block !important;
    padding: 12px 20px !important;
    color: #222222 !important;
    background: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu a:hover {
    background: #f0f8ff !important;
    color: #0077b6 !important;
}

/* FIX: Nav link in header must stay visible (white text on teal) */
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .nav-item > a,
.navbar .dropdown > a {
    color: #ffffff !important;
    background-color: transparent !important;
}

.navbar .dropdown:hover > .nav-link,
.navbar .dropdown:hover > .dropdown-toggle,
.navbar .dropdown:hover > a,
.navbar .nav-item.dropdown:hover > .nav-link,
.navbar .nav-item.dropdown:hover > a,
.navbar .dropdown.show > .nav-link,
.navbar .dropdown.show > .dropdown-toggle {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Ensure the nav-item itself doesn't get white background */
.navbar .nav-item,
.navbar .nav-item.dropdown,
.navbar .dropdown {
    background-color: transparent !important;
}

.navbar .nav-item:hover,
.navbar .nav-item.dropdown:hover,
.navbar .dropdown:hover {
    background-color: transparent !important;
}

/* CRITICAL: Remove the white ::before pseudo-element on hover */
.navbar .nav-item.dropdown .nav-link::before,
.navbar .nav-item.dropdown:hover .nav-link::before,
.navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link::before,
.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover .nav-link::before {
    display: none !important;
    background: transparent !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* HERO SECTION - LOWER Z-INDEX */
.iya-hero,
.content-wrapper,
.home-page,
section {
    position: relative;
    z-index: 1 !important;
}

/* BODY PADDING FOR FIXED HEADER - none needed, hero handles spacing */
body {
    padding-top: 0 !important;
}

/* Remove the extra space/banner below header */
.mainHeader + *,
header.mainHeader + * {
    margin-top: 0 !important;
}

/* HIDE ELEMENTS */
.topBar,
.middBar {
    display: none !important;
}

a[href*="patient_login"] {
    display: none !important;
}

/* HIDE TRUST BADGES SECTION */
.trust-stats-section,
.trust-badges-section,
section.trust-stats-section {
    display: none !important;
}