/* ==================================================
   UniDeltaJobs - Candidate Profile
   Production Version
================================================== */

/* Card */
.udj-profile-card{
    max-width:900px;
    padding:20px;
    margin:40px auto;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

/* Cover */
.udj-profile-cover{
    height:160px;
    background:#1d3665;
}

/* Header */
.udj-profile-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 35px 30px;
}

/* ============================
   Profile Image
============================ */

.udj-profile-image{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
}


/* ===============================
   Upload Camera Button
================================ */

.udj-upload-btn{

    position:absolute;

    right:4px;
    bottom:4px;

    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;

    border:3px solid #fff;

    border-radius:50%;

    box-shadow:0 4px 12px rgba(0,0,0,.18);

    padding:0;

    z-index:20;

}

.udj-camera-icon{

    width:40px;
    height:40px;

    fill:#2563EB;

}

.udj-upload-btn:hover{

      color:#ffffff;

    transform:scale(1.08);
}

/* Profile Info */
.udj-profile-info{

    text-align:center;

    margin-top:15px;

}

.udj-profile-info h2{

    font-size:34px;

    font-weight:700;

    color:#1d3665;

    margin-bottom:8px;

}

/* Photo Upload */
.udj-photo-upload{margin-bottom:25px;}
.udj-photo-upload label{
    display:block;
    font-weight:600;
    margin-bottom:10px;
}
.udj-photo-upload input[type=file]{width:100%;}

/* Success */
.udj-success{
    margin:20px 35px;
    padding:14px 18px;
    background:#ecfdf5;
    color:#166534;
    border-left:4px solid #22c55e;
    border-radius:8px;
}

/* Progress */
.udj-progress{
    width:100%;
    height:34px;
    background:#e9edf5;
    border-radius:10px;
    overflow:hidden;
}
.udj-progress-bar{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1d3665;
    color:#fff;
    font-weight:600;
    transition:width .4s ease;
}

/* Responsive */
@media(max-width:768px){
    .udj-profile-card{
        margin:20px;
    }
    .udj-profile-header{
        padding:0 20px 25px;
    }
    .udj-profile-image{
        width:140px;
        height:140px;
        margin:-70px auto 15px;
    }
    .udj-profile-info h2{
        font-size:24px;
    }
}
/* Avatar */

.udj-avatar{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}
/* Avatar Wrapper */
.udj-avatar-wrapper{
    position:relative;
    width:180px;
    height:180px;
    margin:-90px auto 20px;
}
.sidebar-menu a.active{
    background:#dff3fb;
    color:#1d3665;
    font-weight:600;
    border-radius:8px;
}

.sidebar-menu a.active i{
    color:#1d3665;
}