/* Shared header navigation refinements for every Citiwell page. */
@media (min-width: 1025px) {
    .header,
    .header__container,
    .desktop-only-nav,
    .desktop-dropdown {
        overflow: visible;
    }

    .desktop-dropdown:hover,
    .desktop-dropdown:focus-within {
        z-index: 1001;
    }

    .desktop-dropdown-menu {
        top: calc(100% + 10px);
        margin-top: 0;
        z-index: 1002;
        pointer-events: none;
    }

    .desktop-dropdown-menu::before {
        top: -10px;
        height: 10px;
    }

    .desktop-dropdown:hover > .nav-link i,
    .desktop-dropdown:focus-within > .nav-link i {
        transform: rotate(180deg);
    }

    .desktop-dropdown:hover .desktop-dropdown-menu,
    .desktop-dropdown:focus-within .desktop-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    .desktop-dropdown-menu li > a,
    .desktop-dropdown-menu li > .disabled-link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 11px 25px;
        box-sizing: border-box;
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.35;
        text-align: left;
        white-space: nowrap;
    }

    .desktop-dropdown-menu li > .disabled-link {
        color: #788694;
        background: rgba(7, 26, 51, 0.035);
        opacity: 1;
        filter: none;
        cursor: default;
        pointer-events: none;
    }

    .desktop-dropdown > .nav-link:focus-visible,
    .desktop-dropdown-menu a:focus-visible {
        outline: 2px solid #1688b9;
        outline-offset: 2px;
    }
}

@media (max-width: 1024px) {
    .mobile-submenu li > .disabled-link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 12px 20px 12px 40px;
        box-sizing: border-box;
        color: #8793a0;
        background: rgba(7, 26, 51, 0.025);
        font-size: 1rem;
        line-height: 1.35;
        opacity: 1;
        filter: none;
        cursor: default;
        pointer-events: none;
    }
}