/* Custom styles for resume posting page */
.resume-page-wrapper {
    background:#f7fafd;
    padding-top:20px;
    padding-bottom:40px;
}
.resume-card {
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
    margin-bottom:20px;
    padding:20px;
}
.resume-card h3 {
    font-weight:700;
    color:#073c80;
    margin-bottom:15px;
}
.progress-fixed-top {
    position:sticky;
    top:0;
    left:0;
    right:0;
    z-index:900; /* Stay below header so dropdowns remain clickable */
    width:100%;
    background:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
    padding:10px 20px;
}
.progress-fixed-top .progress-bar {
    background:#0057c2;
}
.btn-primary {
    background:#0057c2;
    border-color:#0057c2;
}
.btn-primary:hover {
    background:#073c80;
    border-color:#073c80;
}
.btn-secondary{
    background:#6c757d;
    border-color:#6c757d;
    color:#fff;
}
.btn-secondary:hover{
    background:#5a6268;
    border-color:#545b62;
}
@media (max-width:768px) {
    .resume-card {padding:15px;}
    .progress-fixed-top {padding:8px 10px;}
    .btn-save-mobile {position:fixed;bottom:0;left:0;width:100%;border-radius:0;padding:15px;}
}

/* Improved header and form field styles */
.jform-header.progress-fixed-top {
    padding:10px 0;
}
.jform-header .jsteps {
    display:flex;
    flex-wrap:nowrap;
}
.jform-header .jsteps li {
    flex:1;
    text-align:center;
    padding:0 5px;
}
.jform-header .jstep-num a {
    width:32px;
    height:32px;
    line-height:32px;
    font-size:16px;
    border-width:3px;
}
.jform-header .jstep-label {
    padding-bottom:6px;
    font-size:12px;
}
.jform-body {
    margin-top:0;
}
.resume-form-detail input.form-control,
.resume-form-detail textarea.form-control {
    border-radius:4px;
    border:1px solid #ced4da;
    padding:8px 12px;
    box-shadow:none;
}
.resume-form-detail input.form-control:focus,
.resume-form-detail textarea.form-control:focus {
    border-color:#0057c2;
    box-shadow:0 0 0 0.1rem rgba(0,87,194,.25);
}

.resume-upload-cta {
    margin-top:15px;
    text-align:center;
}
.resume-upload-cta input[type="file"] {
    display:inline-block;
    padding:10px 20px;
    cursor:pointer;
    border:2px dashed #0057c2;
    border-radius:6px;
    background:#f1f8ff;
    color:#0057c2;
    font-weight:600;
}
.resume-upload-cta input[type="file"]::-webkit-file-upload-button {
    visibility:hidden;
}
.resume-upload-cta input[type="file"]::before {
    content:'Selecionar arquivo';
    display:inline-block;
    background:#0057c2;
    color:#fff;
    padding:8px 15px;
    border-radius:4px;
    margin-right:10px;
}
.resume-upload-cta input[type="file"]:hover::before {
    background:#073c80;
}