/* ===============================
PROFILE WRAPPER
=============================== */

.wf-profile{
max-width:900px;
margin:40px auto;
padding:40px 20px;
}



/* ===============================
PROFILE COVER
=============================== */

.wf-profile-cover{
height:160px;
background:#f4f6f8;
border-radius:8px;
margin-bottom:30px;
}



/* ===============================
HEADER
=============================== */

.wf-profile-header{
display:flex;
align-items:center;
gap:20px;
margin-top:-60px;
margin-bottom:30px;
}



/* ===============================
AVATAR
=============================== */

.wf-avatar img{
border-radius:50%;
border:4px solid #fff;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
}



/* ===============================
PROFILE META
=============================== */

.wf-profile-meta{
display:flex;
flex-direction:column;
}



/* ===============================
PROFILE NAME
=============================== */

.wf-profile-name{
font-size:28px;
margin:0;
font-weight:600;
}



/* ===============================
RATING
=============================== */

.wf-profile-rating{
color:#f39c12;
margin-top:5px;
font-size:14px;
}



/* ===============================
STATS
=============================== */

.wf-profile-stats{
margin-top:10px;
display:flex;
gap:20px;
font-size:14px;
color:#666;
}



/* ===============================
TABS
=============================== */

.wf-profile-tabs{
margin-top:30px;
border-bottom:1px solid #eee;
padding-bottom:10px;
}

.wf-profile-tabs a{
margin-right:20px;
cursor:pointer;
font-weight:500;
color:#333;
text-decoration:none;
padding-bottom:8px;
}

.wf-profile-tabs a.active{
border-bottom:2px solid #2ecc71;
color:#2ecc71;
}



/* ===============================
CONTENT
=============================== */

.wf-profile-content{
margin-top:30px;
}

.wf-tab-content{
margin-top:30px;
}



/* ===============================
REQUEST LIST
=============================== */

.wf-user-requests{
list-style:none;
padding:0;
margin:0;
}

.wf-user-requests li{
margin-bottom:12px;
padding:10px 12px;
background:#fafafa;
border-radius:6px;
}

.wf-user-requests li a{
text-decoration:none;
color:#333;
}



/* ===============================
REVIEWS
=============================== */

.wf-review{
padding:15px;
border-bottom:1px solid #eee;
}

.wf-review-rating{
color:#f39c12;
font-size:14px;
margin-bottom:5px;
}



/* ===============================
RESPONSIVE
=============================== */

@media (max-width:768px){

.wf-profile-header{
flex-direction:column;
align-items:flex-start;
margin-top:0;
}

.wf-avatar img{
width:80px;
height:80px;
}

.wf-profile-stats{
flex-direction:column;
gap:6px;
}

}
/* =================================
REMOVE THEME SIDEBAR ON PROFILE PAGE
================================= */

/* hide sidebar */

.wf-profile ~ aside,
.wf-profile ~ .sidebar,
.wf-profile ~ .widget-area,
.wf-profile ~ .secondary,
.wf-profile ~ .site-sidebar{
display:none !important;
}


/* expand content area */

.wf-profile{
width:100%;
max-width:1000px;
margin:40px auto;
}


/* remove sidebar layout grid */

.site-content{
display:block !important;
}

.content-area{
width:100% !important;
max-width:100% !important;
}


/* hide widgets if theme forces them */

.widget-area{
display:none !important;
}
.wf-switch{
position:relative;
display:inline-block;
width:50px;
height:24px;
}

.wf-switch input{
opacity:0;
width:0;
height:0;
}

.wf-slider{
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background:#ccc;
border-radius:24px;
transition:.3s;
}

.wf-slider:before{
position:absolute;
content:"";
height:18px;
width:18px;
left:3px;
bottom:3px;
background:white;
border-radius:50%;
transition:.3s;
}

.wf-switch input:checked + .wf-slider{
background:#2ecc71;
}

.wf-switch input:checked + .wf-slider:before{
transform:translateX(26px);
}
/* ===============================
REQUEST CARD
=============================== */

.wf-user-requests{
list-style:none;
padding:0;
margin-top:20px;
}

.wf-request-item{
background:#fff;
border:1px solid #eee;
border-radius:10px;
padding:20px;
margin-bottom:20px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
transition:all 0.2s ease;
}

.wf-request-item:hover{
box-shadow:0 6px 18px rgba(0,0,0,0.08);
transform:translateY(-2px);
}


/* ===============================
TITLE
=============================== */

.wf-request-item a{
font-size:18px;
font-weight:600;
color:#222;
text-decoration:none;
display:block;
margin-bottom:10px;
}

.wf-request-item a:hover{
color:#2ecc71;
}


/* ===============================
META ROW
=============================== */

.wf-request-meta{
display:flex;
align-items:center;
gap:10px;
margin-bottom:15px;
flex-wrap:wrap;
}


/* ===============================
BADGES
=============================== */

.wf-badge{
font-size:12px;
padding:4px 10px;
border-radius:20px;
font-weight:600;
}

.wf-posted{
background:#2ecc71;
color:#fff;
}


/* ===============================
STATUS
=============================== */

.wf-status{
font-size:13px;
color:#666;
}


/* ===============================
ACTIONS
=============================== */

.wf-request-actions{
display:flex;
align-items:center;
gap:15px;
margin-top:10px;
}

.wf-request-actions a{
font-size:14px;
color:#555;
text-decoration:none;
}

.wf-request-actions a:hover{
color:#000;
}


/* CANCEL BUTTON */

.wf-cancel-request{
background:#4f7cff;
color:#fff;
border:none;
padding:8px 14px;
border-radius:6px;
font-size:13px;
cursor:pointer;
transition:all 0.2s ease;
}

.wf-cancel-request:hover{
background:#3d63cc;
}
.wf-legal-box{
margin-top:20px;
font-size:14px;
}

.wf-legal-box input{
margin-right:8px;
}

.wf-profile-legal-footer{
text-align:center;
margin-top:40px;
font-size:14px;
opacity:0.8;
}

.wf-profile-legal-footer a{
text-decoration:none;
margin:0 8px;
}
.wf-legal-box{
margin-top:20px;
padding-top:10px;
border-top:1px solid #eee;
}