/* =====================================================
   CUSTOM OVERRIDES — JobLab Portal
   ===================================================== */

/* ── Navigation: prevent link text from wrapping ────── */
.navbar .nav-link,
.navbar-nav .nav-link {
    white-space: nowrap;
    font-size: 14px;
}

/* Tighten nav item padding so all links fit on one row */
.navbar-nav .nav-item .nav-link {
    padding-left: 10px;
    padding-right: 10px;
}

/* Keep dropdown toggles from wrapping */
.navbar-nav .dropdown-toggle {
    white-space: nowrap;
}

/* ── Mobile header: Login + Register side by side ─── */
@media (max-width: 991px) {
    .d-lg-none.d-flex.ms-auto {
        gap: 8px;
    }
    .d-lg-none.d-flex.ms-auto .btn {
        padding: 7px 14px;
        font-size: 12px;
    }
}

/* ── Testimonial tab gap (fallback for older browsers) */
#testimonial-tab.nav-pills {
    gap: 12px;
}
#testimonial-tab.nav-pills .nav-item {
    margin: 0;
}

/* ── Banner Section Spacing Overrides (Homepage Hero) ── */
.banner-section {
    padding: 50px 0 70px !important;
}
@media screen and (max-width: 1199px) {
    .banner-section {
        padding: 40px 0 60px !important;
    }
}
@media screen and (max-width: 575px) {
    .banner-section {
        padding: 24px 0 32px !important;
    }
}

/* ── Breadcrumb Section Spacing Overrides (Interior Pages) ── */
.breadcrumb {
    padding: 80px 0 45px !important;
}
@media screen and (max-width: 991px) {
    .breadcrumb {
        padding: 60px 0 30px !important;
    }
}
@media screen and (max-width: 767px) {
    .breadcrumb {
        padding: 50px 0 24px !important;
    }
}

/* ── Compact Global Section Spacing Overrides (120 Series) ── */
.my-120 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
.mt-120 {
    margin-top: 24px !important;
}
.mb-120 {
    margin-bottom: 24px !important;
}
.py-120 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.pt-120 {
    padding-top: 24px !important;
}
.pb-120 {
    padding-bottom: 24px !important;
}

@media (min-width: 576px) {
    .my-120 {
        margin-top: 32px !important;
        margin-bottom: 32px !important;
    }
    .mt-120 {
        margin-top: 32px !important;
    }
    .mb-120 {
        margin-bottom: 32px !important;
    }
    .py-120 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .pt-120 {
        padding-top: 32px !important;
    }
    .pb-120 {
        padding-bottom: 32px !important;
    }
}

@media (min-width: 992px) {
    .my-120 {
        margin-top: 48px !important;
        margin-bottom: 48px !important;
    }
    .mt-120 {
        margin-top: 48px !important;
    }
    .mb-120 {
        margin-bottom: 48px !important;
    }
    .py-120 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .pt-120 {
        padding-top: 48px !important;
    }
    .pb-120 {
        padding-bottom: 48px !important;
    }
}

/* ── Compact Global Section Spacing Overrides (60 Series) ── */
.my-60 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mt-60 {
    margin-top: 20px !important;
}
.mb-60 {
    margin-bottom: 20px !important;
}
.py-60 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pt-60 {
    padding-top: 20px !important;
}
.pb-60 {
    padding-bottom: 20px !important;
}

@media (min-width: 576px) {
    .my-60 {
        margin-top: 28px !important;
        margin-bottom: 28px !important;
    }
    .mt-60 {
        margin-top: 28px !important;
    }
    .mb-60 {
        margin-bottom: 28px !important;
    }
    .py-60 {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
    .pt-60 {
        padding-top: 28px !important;
    }
    .pb-60 {
        padding-bottom: 28px !important;
    }
}

@media (min-width: 992px) {
    .my-60 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mt-60 {
        margin-top: 40px !important;
    }
    .mb-60 {
        margin-bottom: 40px !important;
    }
    .py-60 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt-60 {
        padding-top: 40px !important;
    }
    .pb-60 {
        padding-bottom: 40px !important;
    }
}