/* Phase 94: Kariera Hub navigation styling is shared by MasterV2.master.
   Do not rely on karierahub/Menu.ascx: /newjob, /jobedit and a company's
   own /job page have the Hub menu but do not load the Hub user control.
   Selectors are scoped to the Hub navbar; regular site navigation is unchanged. */
.mainnav-wrap.v2-hub-nav .mainnav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 80px;
    padding: 0;
}
.v2-hub-nav .v2-hub-navlinks {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: clamp(8px, 1.4vw, 23px);
    white-space: nowrap;
}
.v2-hub-nav .v2-hub-navlinks a {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 8px;
    min-height: 0;
    padding: 5px 1px;
    border-bottom: 3px solid transparent;
    color: #777380;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease;
}
.v2-hub-nav .v2-hub-navlinks a:hover,
.v2-hub-nav .v2-hub-navlinks a.active {
    color: #420095;
    text-decoration: none;
}
.v2-hub-nav .v2-hub-navlinks a.active {
    border-bottom-color: #420095;
}
.v2-hub-nav .v2-hub-navlinks i {
    font-size: 17px;
}
@media (max-width: 1199px) {
    .mainnav-wrap.v2-hub-nav .mainnav { gap: 12px; }
    .v2-hub-nav .v2-hub-navlinks { gap: 10px; }
    .v2-hub-nav .v2-hub-navlinks a { font-size: 14px; gap: 5px; }
    .v2-hub-nav .v2-hub-navlinks i { font-size: 15px; }
}
@media (max-width: 991px) {
    .mainnav-wrap.v2-hub-nav .mainnav {
        display: block;
        min-height: 0;
        padding: 0;
    }
    .mainnav-wrap.v2-hub-nav .navlinks-left,
    .mainnav-wrap.v2-hub-nav .navlinks-right {
        display: none;
    }
    .v2-hub-nav .v2-hub-navlinks {
        justify-content: flex-start;
        width: 100%;
        gap: 21px;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .v2-hub-nav .v2-hub-navlinks::-webkit-scrollbar {
        display: none;
    }
    .v2-hub-nav .v2-hub-navlinks a {
        flex: none;
        min-height: 0;
        font-size: 14px;
    }
}