/* Default Members Portal text */
.top-bar__contact ul li:first-child a,
.top-bar__contact ul li:first-child a:hover,
.top-bar__contact ul li:first-child a:focus,
.top-bar__contact ul li:first-child a:visited {
    font-weight: 400;
}

.top-bar__contact ul li:first-child a span {
    font-weight: 400;
}

/* Members Portal icon - purple */
.top-bar__contact ul li:first-child a i {
    color: #8B3A8B !important; /* Purple color */
}

/* Remove divider between list items in top bar */
.top-bar__contact ul li {
    border-right: none !important;
}

.top-bar__contact ul li:after {
    display: none !important;
}

/* Remove any pseudo elements that might create dividers */
.top-bar__contact ul li::before,
.top-bar__contact ul li::after {
    display: none !important;
}

/* Change Get Started button font weight to 800 */
.wrap-dropdown-book .btn-cta.purple {
    font-weight: 800 !important;
}

/* Change container-fluid padding to 15px */
.container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Remove flex: 1 from nav-header */
.home-new-design-v2 header.header-page .nav-header {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}


/* Desktop dropdown menu styling */
@media (min-width: 992px) {
    .nav-header .sub-menu,
    .menu-top-header .sub-menu {
        width: auto !important;
        min-width: 200px !important;
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        background: #fff !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
        z-index: 999 !important;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    /* Ensure dropdown shows on hover - desktop only */
    .menu-top-header .menu-item-has-children:hover .sub-menu,
    .nav-header .menu-item-has-children:hover .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Mobile dropdown menu styling */
@media (max-width: 991px) {
    .nav-header .sub-menu,
    .menu-top-header .sub-menu,
    #menu-mobile-menu .sub-menu {
        display: none;
        position: static !important;
        width: 100% !important;
        background: rgba(0,0,0,0.05) !important;
        box-shadow: none !important;
        padding-left: 20px !important;
    }
    
    /* Ensure menu items with children are clickable */
    .menu-item-has-children > a {
        cursor: pointer !important;
    }
}

.nav-header .sub-menu li,
.menu-top-header .sub-menu li {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    clear: both !important;
    float: none !important;
    position: relative !important;
}

.nav-header .sub-menu a,
.menu-top-header .sub-menu a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    width: 100% !important;
    padding: 10px 15px !important;
    color: #333 !important;
    text-decoration: none !important;
}

/* Fix main menu items to display inline for desktop */
@media (min-width: 992px) {
    .menu-top-header > li {
        display: inline-block !important;
        position: relative !important;
    }
}

/* Hide any menu items that contain phone numbers or members portal text */
.nav-header .menu-top-header li a[href^="tel:"],
.nav-header .menu-top-header li:has(a[href^="tel:"]) {
    display: none !important;
}

.nav-header .menu-top-header li a[href*="mindbody"],
.nav-header .menu-top-header li:has(a[href*="mindbody"]) {
    display: none !important;
}

/* Target specific menu items by class or content */
.nav-header .menu-top-header li.menu-item-members-portal,
.nav-header .menu-top-header li.menu-item-phone {
    display: none !important;
}

/* If items don't have specific classes, hide by href content */
.nav-header .menu-top-header li a[href*="video.mindbody"],
.nav-header .menu-top-header li a[href*="tel:"] {
    display: none !important;
}