/*------------------------------------------------------------------*\
    5. Pages - Careers Section
\*------------------------------------------------------------------*/

.section-careers .career-title h4 {
    font-size: clamp(1.5882rem, 1.4196rem + 0.6918vw, 3.0799rem); /* 25.41px → 36px → 49.28px */
    color: #fff;
}

.section-careers .career-role h5 {
    font-size: clamp(0.7941rem, 0.7098rem + 0.3459vw, 1.5399rem); /* 12.71px → 18px → 24.64px */
    color: #9E9898; /* --neutral-350 */
}

/* Accordion toggle */
.section-careers .career-toggle .elementskit-card-header .ekit-accordion-title {
    font-size: clamp(0.75rem, 0.6704rem + 0.3267vw, 1.4546rem) !important; /* 12px → 17px → 23.27px */
}

/* Orange square before the title and the accordion toggle — sits on the
   baseline like a period, scales with font-size */
.section-careers .career-title h4::before,
.section-careers .career-toggle .elementskit-card-header .ekit-accordion-title::before {
    content: "";
    display: inline-block;
    width: 0.15em;
    height: 0.15em;
    background-color: var(--color-primary);
    margin-right: 0.15em;
    vertical-align: baseline;
}

.ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link .ekit_accordion_icon_left_group {
    padding-right: 0px !important;
}

/* Button label — only the first letter uppercase */
.section-careers .career-button .elementor-button-text{
    text-transform: lowercase;
}

.section-careers .career-button::first-letter {
    text-transform: uppercase;
}

/* ==========================================================================
   CAREER APPLICATION POPUP — Elementor form (.career-popup), white background
   ========================================================================== */

/* Placeholders — uppercase + light weight */
.career-popup .elementor-field-textual::placeholder {
    text-transform: uppercase !important;
    font-weight: 300 !important;
}

/* File upload — clean bordered "choose file" button */
.career-popup .elementor-field-type-upload input[type="file"]::file-selector-button {
    margin-right: 14px !important;
    padding: 8px 16px !important;
    border: 1px solid #999 !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    color: inherit !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: border-color .2s ease, color .2s ease !important;
}

.career-popup .elementor-field-type-upload input[type="file"]::file-selector-button:hover {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

/* Submit button — width fits its label (not full width), label-sized text */
.career-popup .elementor-field-type-submit .elementor-button {
    width: auto !important;
    font-size: 13px !important;
}