/* Header navigation polish - RTL */
.navbar-expand-xl .navbar-nav {
    align-items: center;
    gap: .32rem;
}

.navbar-expand-xl .navbar-nav .nav-item {
    margin-inline: .08rem;
}

.navbar-expand-xl .navbar-nav .nav-link {
    padding-left: .62rem !important;
    padding-right: .62rem !important;
    font-size: .88rem;
    white-space: nowrap;
    border-radius: 10px;
}

/* Blue project-order button */
.order-nav-link {
    display: inline-flex !important;
    align-items: center;
    gap: .38rem;
    color: #fff !important;
    background: #0d6efd;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(13,110,253,.18);
}

.order-nav-link:hover,
.order-nav-link:focus {
    color: #fff !important;
    background: #0b5ed7;
}

.order-nav-icon {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    font-size: .7rem;
}

/* Online class button sits directly beside the blue project button */
.live-nav-item {
    margin-inline: .02rem !important;
}

.live-nav-link {
    display: inline-flex !important;
    align-items: center;
    gap: .38rem;
    border-radius: 10px !important;
    background: rgba(13,110,253,.08);
    color: #0d6efd !important;
    border: 1px solid rgba(13,110,253,.18);
    font-weight: 700;
}

.live-nav-link:hover,
.live-nav-link:focus {
    background: rgba(13,110,253,.15);
    color: #0b5ed7 !important;
}

.live-nav-icon {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    font-size: .68rem;
}

.live-nav-badge {
    font-size: .64rem;
    background: #dc3545;
    color: #fff;
    border-radius: 999px;
    padding: .16rem .4rem;
}

.header-search-wrapper {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    max-width: 175px !important;
}

.header-search-box {
    min-width: 155px !important;
}

.header-search-input {
    height: 36px;
    font-size: .82rem;
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav { gap: .22rem; }
    .navbar-expand-xl .navbar-nav .nav-link {
        font-size: .81rem;
        padding-left: .46rem !important;
        padding-right: .46rem !important;
    }
    .header-search-wrapper { max-width: 155px !important; }
    .header-search-box { min-width: 138px !important; }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl .navbar-nav { gap: .1rem; }
    .navbar-expand-xl .navbar-nav .nav-link {
        font-size: .95rem;
        padding: .7rem .8rem !important;
    }
    .header-search-wrapper { max-width: none !important; }
    .header-search-box { min-width: 0 !important; }
    .order-nav-link, .live-nav-link { justify-content: flex-start; }
}

/* Final header adjustments */
.navbar-expand-xl .navbar-nav {
    gap: .52rem;
}

.navbar-expand-xl .navbar-nav .nav-item {
    margin-inline: .12rem;
}

.class-register-nav-link {
    display: inline-flex !important;
    align-items: center;
    gap: .38rem;
    border-radius: 10px !important;
    background: #0d6efd;
    color: #fff !important;
    border: 1px solid #0d6efd;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(13,110,253,.16);
}

.class-register-nav-link:hover,
.class-register-nav-link:focus {
    background: #0b5ed7;
    color: #fff !important;
}

.class-register-nav-icon {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    font-size: .72rem;
}

/* Search is approximately 30% wider on desktop */
@media (min-width: 1400px) {
    .header-search-wrapper {
        max-width: 267px !important;
    }
    .header-search-box {
        min-width: 228px !important;
    }
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav { gap: .42rem; }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: .52rem !important;
        padding-right: .52rem !important;
    }
    .header-search-wrapper { max-width: 234px !important; }
    .header-search-box { min-width: 195px !important; }
}