/*
Theme Name: Wyoming Chemical Child
Template: gazolin
Version: 1.0
*/

.ct-portfolio-grid1 .entry-feature:hover .entry-meta, .ct-portfolio-carousel1 .entry-feature:hover .entry-meta{
    background: rgba(3, 31, 127, 0.8);
backdrop-filter: blur(5px);
}
.career-accordion{
    background:#fff;
    border:1px solid #e6edf7;
    border-radius:16px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
    transition:.3s;
}

.career-accordion:hover{
    box-shadow:0 10px 30px rgba(11,94,215,.12);
}

.career-accordion-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:30px;
    cursor:pointer;
}

.career-header-left h3{
    margin:0 0 15px;
    color:#0d2b68;
    font-size:28px;
    font-weight:700;
}

.job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:25px;
}

.job-meta span{
    display:flex;
    align-items:center;
    gap:8px;
    color:#0d2b68;
}

.job-meta i{
    color:#0b5ed7;
}

.accordion-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#f2f7ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0b5ed7;
    transition:.3s;
}

.career-accordion.active .accordion-icon{
    transform:rotate(45deg);
}

.career-accordion-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.career-accordion-content-inner{
    padding:0 30px 30px;
}

.career-accordion.active .career-accordion-content{
    max-height:2000px;
}

.job-desc{
    padding:0 30px 20px;
    line-height:1.8;
}

.career-section-title{
    text-align:center;
    position:relative;
    margin:20px 30px 30px;
}

.career-section-title:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#dce4f3;
}

.career-section-title span{
    background:#fff;
    position:relative;
    padding:0 15px;
    color:#0d2b68;
    font-size:24px;
    font-weight:600;
}

.responsibility-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px 40px;
    padding:0 30px 30px;
}

.responsibility-item{
    display:flex;
    gap:12px;
}

.responsibility-item i{
    color:#0b5ed7;
    margin-top:3px;
}

.career-apply-btn{
    margin:0 30px 30px;
}

@media(max-width:768px){

    .career-accordion-header{
        padding:20px;
    }

    .career-header-left h3{
        font-size:22px;
    }

    .responsibility-grid{
        grid-template-columns:1fr;
    }

    .job-meta{
        flex-direction:column;
        gap:10px;
    }
}

/* =========================
   CAREER FORM - UPLOAD BOX
========================= */

.upload-box{
    position:relative;
    border:2px dashed #d9e2f0;
    border-radius:12px;
    padding:30px;
    text-align:center;
    cursor:pointer;
    transition:all .3s ease;
    min-height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.upload-box:hover{
    border-color:#0b5ed7;
}

.upload-box.error{
    border-color:#dc3545 !important;
}

.upload-icon{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:0;
}

.upload-icon i{
    font-size:42px;
    color:#0b5ed7;
}

.upload-icon strong{
    font-size:18px;
    font-weight:600;
    color:#0d2b68;
    word-break:break-word;
}

.upload-icon span{
    font-size:14px;
    color:#6c757d;
}

/* Hide actual file field */
#resume-upload{
    display:none;
}

/* Validation */
.wpcf7-form-control.wpcf7-not-valid{
    border-color:#dc3545 !important;
}

.upload-box .wpcf7-form-control-wrap{
    display:block;
    width:100%;
    margin:0;
}

.upload-box .wpcf7-not-valid-tip{
    display:block !important;
    position:relative;
    margin-top:15px;
    text-align:center;
    color:#dc3545 !important;
    font-size:13px;
    line-height:1.5;
    font-weight:500;
}

.wpcf7 form .wpcf7-response-output{
    border:none;
}

/* =========================
   CF7 RESPONSE MESSAGES
========================= */

.wpcf7-response-output{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:20px !important;
    padding:15px 20px !important;
    border-radius:8px;
    font-size:14px;
    line-height:1.6;
}

/* Success */
.wpcf7 form.sent .wpcf7-response-output{
    background:#d4edda !important;
    border:1px solid #28a745 !important;
    color:#155724 !important;
}

/* Validation Error */
.wpcf7 form.invalid .wpcf7-response-output{
    background:#f8d7da !important;
    border:1px solid #dc3545 !important;
    color:#721c24 !important;
}

/* Spam */
.wpcf7 form.spam .wpcf7-response-output{
    background:#fff3cd !important;
    border:1px solid #ffc107 !important;
    color:#856404 !important;
}

/* Failed */
.wpcf7 form.failed .wpcf7-response-output{
    background:#f8d7da !important;
    border:1px solid #dc3545 !important;
    color:#721c24 !important;
}

/* Processing */
.wpcf7 form.submitting{
    opacity:.7;
    pointer-events:none;
}

.nice-select.open .list{
    overflow-y: auto;
}