/* =============================================================

       CAREERS PAGE

       Scoped additions only.

       Reuses Big Star Productions design tokens and existing styles.

    ============================================================= */





    /* -------------------------------------------------------------

       CAREERS HERO

    ------------------------------------------------------------- */



    .careers-hero {

        min-height: 52vh;

        display: flex;

        align-items: center;

        position: relative;

        overflow: hidden;

        background-size: cover;

        background-position: center;

    }



    .careers-hero .hero-content {

        padding: 9rem 0 3rem;

        max-width: 800px;

    }



    .careers-hero__description {

        max-width: 700px;

    }





    /* -------------------------------------------------------------

       WHY JOIN US

    ------------------------------------------------------------- */



    .career-intro-media {

        position: relative;

        overflow: hidden;

        border-radius: var(--radius-lg);

    }



    .career-intro-media img {

        width: 100%;

        min-height: 460px;

        object-fit: cover;

        display: block;

    }



    .career-intro-media__badge {

        position: absolute;

        left: 1.5rem;

        bottom: 1.5rem;

        background: var(--bsp-black);

        color: var(--bsp-white);

        border-left: 3px solid var(--bsp-gold);

        border-radius: var(--radius-md);

        padding: 1rem 1.3rem;

    }



    .career-intro-media__badge-number {

        display: block;

        font-family: var(--font-display);

        color: var(--bsp-gold-light);

        font-size: 2rem;

        line-height: 1;

        margin-bottom: .3rem;

    }



    .career-intro-media__badge-label {

        display: block;

        color: var(--bsp-text-on-dark-muted);

        font-size: .72rem;

        line-height: 1.4;

        text-transform: uppercase;

        letter-spacing: .06em;

    }





    /* -------------------------------------------------------------

       CAREER BENEFIT CARDS

    ------------------------------------------------------------- */



    .career-benefit {

        height: 100%;

        background: var(--bsp-cream);

        border-radius: var(--radius-lg);

        padding: 1.8rem;

        border-left: 3px solid transparent;

        transition:

            transform .3s ease,

            background-color .3s ease,

            border-color .3s ease;

    }



    .career-benefit:hover {

        transform: translateY(-5px);

        background: var(--bsp-cream-2);

        border-color: var(--bsp-gold);

    }



    .career-benefit__icon {

        width: 52px;

        height: 52px;

        border-radius: 14px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        background: linear-gradient(135deg,

                var(--bsp-black-2),

                var(--bsp-black));

        color: var(--bsp-gold-light);

        font-size: 1.2rem;

        margin-bottom: 1rem;

    }



    .career-benefit__title {

        color: var(--bsp-text-dark);

        font-size: 1.05rem;

        margin-bottom: .5rem;

    }



    .career-benefit__text {

        color: var(--bsp-text-muted);

        font-size: .88rem;

        line-height: 1.65;

        margin-bottom: 0;

    }





    /* -------------------------------------------------------------

       OPEN POSITIONS

    ------------------------------------------------------------- */



    .careers-list-section {

        background: var(--bsp-white);

    }



    .job-card {

        background: var(--bsp-white);

        border: 1px solid var(--bsp-border-light);

        border-radius: var(--radius-lg);

        padding: 1.6rem 1.7rem;

        height: 100%;

        transition:

            transform .3s ease,

            box-shadow .3s ease,

            border-color .3s ease;

    }



    .job-card:hover {

        transform: translateY(-5px);

        box-shadow: var(--shadow-soft);

        border-color: var(--bsp-gold);

    }



    .job-card__top {

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

        gap: 1rem;

        margin-bottom: 1.1rem;

    }



    .job-card__icon {

        width: 52px;

        height: 52px;

        flex: 0 0 52px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        border-radius: 14px;

        background: var(--bsp-cream);

        color: var(--bsp-amber);

        font-size: 1.25rem;

    }



    .job-card__type {

        display: inline-block;

        color: var(--bsp-amber);

        font-size: .63rem;

        font-weight: 800;

        text-transform: uppercase;

        letter-spacing: .08em;

        margin-bottom: .35rem;

    }



    .job-card__title {

        color: var(--bsp-text-dark);

        font-size: 1.2rem;

        margin-bottom: .25rem;

    }



    .job-card__location {

        color: var(--bsp-text-muted);

        font-size: .78rem;

        margin-bottom: 0;

    }



    .job-card__description {

        color: var(--bsp-text-muted);

        font-size: .88rem;

        line-height: 1.65;

        margin-bottom: 1.2rem;

    }



    .job-card__meta {

        display: flex;

        flex-wrap: wrap;

        gap: .5rem;

        margin-bottom: 1.3rem;

    }



    .job-card__tag {

        display: inline-flex;

        align-items: center;

        gap: .3rem;

        background: var(--bsp-cream);

        color: var(--bsp-text-muted);

        border-radius: 20px;

        padding: .4rem .7rem;

        font-size: .68rem;

        font-weight: 700;

    }



    .job-card__tag i {

        color: var(--bsp-amber);

    }





    /* -------------------------------------------------------------

       APPLICATION SECTION

    ------------------------------------------------------------- */



    .career-application-section {

        background: var(--bsp-cream);

    }



    .application-card {

        background: var(--bsp-white);

        border-radius: var(--radius-lg);

        border: 1px solid var(--bsp-border-light);

        padding: 2.3rem;

        box-shadow: var(--shadow-soft);

    }



    .application-intro {

        position: sticky;

        top: 2rem;

    }



    .application-intro__list {

        list-style: none;

        padding: 0;

        margin: 1.5rem 0 0;

    }



    .application-intro__list li {

        display: flex;

        align-items: flex-start;

        gap: .7rem;

        margin-bottom: .9rem;

        color: var(--bsp-text-muted);

        font-size: .86rem;

        line-height: 1.55;

    }



    .application-intro__list i {

        color: var(--bsp-gold);

        margin-top: .15rem;

    }





    /* -------------------------------------------------------------

       FORM

    ------------------------------------------------------------- */



    .career-form-label {

        display: block;

        color: var(--bsp-text-dark);

        font-size: .78rem;

        font-weight: 800;

        margin-bottom: .45rem;

    }



    .career-form-label .required {

        color: var(--bsp-amber);

    }



    .career-form-control,

    .career-form-select {

        width: 100%;

        border: 1px solid var(--bsp-border-light);

        border-radius: var(--radius-md);

        background: var(--bsp-white);

        color: var(--bsp-text-dark);

        padding: .8rem .95rem;

        font-size: .88rem;

        outline: none;

        transition:

            border-color .25s ease,

            box-shadow .25s ease;

    }



    .career-form-control:focus,

    .career-form-select:focus {

        border-color: var(--bsp-gold);

        box-shadow: 0 0 0 3px rgba(197, 160, 89, .12);

    }



    textarea.career-form-control {

        min-height: 135px;

        resize: vertical;

    }



    .career-file-wrapper {

        position: relative;

    }



    .career-file {

        width: 100%;

        border: 1px dashed var(--bsp-gold);

        border-radius: var(--radius-md);

        background: var(--bsp-cream);

        color: var(--bsp-text-muted);

        padding: 1rem;

        font-size: .82rem;

        cursor: pointer;

    }



    .career-file:focus {

        outline: 2px solid var(--bsp-gold);

        outline-offset: 2px;

    }



    .career-file-help {

        display: block;

        margin-top: .4rem;

        color: var(--bsp-text-muted);

        font-size: .7rem;

    }



    .career-form-submit {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 1rem;

        margin-top: .5rem;

        padding-top: 1.4rem;

        border-top: 1px solid var(--bsp-border-light);

    }



    .career-form-note {

        color: var(--bsp-text-muted);

        font-size: .7rem;

        line-height: 1.5;

    }



    .career-form-note i {

        color: var(--bsp-gold);

    }





    /* -------------------------------------------------------------

       JOB SELECTED NOTICE

    ------------------------------------------------------------- */



    .selected-job {

        display: none;

        align-items: center;

        gap: .7rem;

        background: var(--bsp-cream);

        border-left: 3px solid var(--bsp-gold);

        border-radius: var(--radius-md);

        padding: .9rem 1rem;

        margin-bottom: 1.5rem;

    }



    .selected-job.is-visible {

        display: flex;

    }



    .selected-job i {

        color: var(--bsp-gold);

    }



    .selected-job__label {

        display: block;

        color: var(--bsp-text-muted);

        font-size: .65rem;

        text-transform: uppercase;

        font-weight: 800;

        letter-spacing: .06em;

    }



    .selected-job__title {

        display: block;

        color: var(--bsp-text-dark);

        font-size: .88rem;

        font-weight: 700;

    }





    /* -------------------------------------------------------------

       MOBILE

    ------------------------------------------------------------- */



    @media (max-width: 991.98px) {



        .application-intro {

            position: static;

        }



        .career-intro-media img {

            min-height: 380px;

        }



    }



    @media (max-width: 767.98px) {



        .careers-hero {

            min-height: 48vh;

        }



        .careers-hero .hero-content {

            padding: 7.5rem 0 2.5rem;

        }



        .career-intro-media img {

            min-height: 300px;

        }



        .application-card {

            padding: 1.4rem;

        }



        .career-form-submit {

            align-items: flex-start;

            flex-direction: column;

        }



        .career-form-submit .btn {

            width: 100%;

        }



    }

       /* -------------------------------------------------------------

       FORM ERROR STYLES

    ------------------------------------------------------------- */



    .career-field-error {

        /* display: block; */

        min-height: 20px;

        /* margin-top: 6px; */

        color: #dc3545;

        font-size: 0.82rem;

        line-height: 1.35;

    }



    .career-form-control.is-invalid,

    .career-form-select.is-invalid,

    .career-file.is-invalid {

        border-color: #dc3545 !important;

        box-shadow: 0 0 0 0.15rem rgba(220, 53, 69, 0.08);

    }



    .career-form-control.is-invalid:focus,

    .career-form-select.is-invalid:focus,

    .career-file.is-invalid:focus {

        border-color: #dc3545 !important;

        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.1);

    }
    /* =========================================================
   CAPTCHA / SECURITY CHECK
========================================================= */

.captcha-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(1.5em + 1.5rem + 2px);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0.5rem;
}

.captcha-box__text {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--bs-gold, #d4af37);
    user-select: none;
}

.captcha-box__input {
    height: calc(1.5em + 1.5rem + 2px);
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
}
.career-character-count {
    color: #8a8f98;
    font-size: 0.78rem;
    margin-top: 6px;
    float: right;
}
.iti {
    width: 100%;
}
.iti__country-container {
   height:  48px !important;
}