/* فونت */
.cr-profile-wrapper,
.cr-profile-wrapper * {

    font-family: Vazirmatn, sans-serif !important;

}


/* فاصله کلی صفحه */

.cr-profile-wrapper {

    max-width: 850px;

    margin: 15px auto;

    direction: rtl;

}



/* کارت اصلی */

.cr-profile-card {

    background: #f3f3f3;

    border: 1px solid #999;

    border-radius: 20px;

    padding: 25px;

    box-sizing: border-box;

}


/* عنوان */

.cr-profile-card h2 {

    text-align: center;

    color:#111;

    font-size:24px;

    margin-bottom:25px;

}



/* آواتار */

.cr-avatar-box {

    text-align:center;

    margin-top:-30px;
    margin-bottom:10px;

}


#cr-avatar-preview {

    width:130px !important;

    height:130px !important;

    border-radius:50% !important;

    object-fit:cover !important;

    border:5px solid #ffd400 !important;

    display:block;

    margin:0 auto 12px auto;

}



/* دکمه تغییر عکس */

.cr-upload-btn {

    display:inline-flex !important;

    width:auto !important;

    padding:8px 20px !important;

    background:#ffd400 !important;

    color:#111 !important;

    border:none !important;

    border-radius:8px !important;

    font-size:13px !important;

    cursor:pointer;

}



/* دو ستونه */

.cr-two-cols {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}


/* ردیف ها */

.cr-row {

    margin-bottom:18px;

}


.cr-row label {

    display:block;

    margin-bottom:8px;

    color:#111;

    font-size:14px;

    font-weight:bold;

}


.cr-required {

    color:red;

}



/* ورودی ها */

.cr-row input,
.cr-row select,
.cr-row textarea {


    width:100%;

    padding:12px;

    border-radius:10px;

    border:1px solid #aaa;

    background:#fff;

    box-sizing:border-box;

}



/* آدرس */

.cr-row textarea {
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    padding:10px !important;

}



/* توضیح موبایل */

.cr-row small {

    display:block;

    margin-top:8px;

    color:#555;

}



/* دکمه ذخیره */

.cr-save-btn {


    width:100%;

    padding:13px;

    background:#111;

    color:white;

    border:none;

    border-radius:10px;

    cursor:pointer;

    font-weight:bold;

    margin-top:10px;

}



/* ردیف دکمه‌های پایین (بازگشت + خروج) */

.cr-bottom-actions {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-top:10px;

    flex-wrap:wrap;

}

/* دکمه بازگشت */

.cr-home-btn {

    display:block;

    width:max-content !important;

    margin:0;

    padding:9px 20px;

    background:#ddd !important;

    color:#111 !important;

    border:none !important;

    border-radius:8px;

    cursor:pointer;

    font-size:13px;

}

/* دکمه خروج از حساب کاربری */

.cr-logout-btn {

    display:block;

    width:max-content !important;

    margin:0;

    padding:9px 20px;

    background:#0b2149 !important;

    color:#fff !important;

    border:none !important;

    border-radius:8px;

    cursor:pointer;

    font-size:13px;

    font-weight:bold;

    transition:background .2s ease;

}

.cr-logout-btn:hover {

    background:#132b5e !important;

}



/* موبایل */

@media(max-width:700px){


.cr-two-cols{

    grid-template-columns:1fr;
    gap:0;

}

.cr-row{

    margin-bottom:18px;

}


.cr-profile-card{

    padding:20px;

}

.cr-bottom-actions{

    flex-direction:column-reverse;

}

.cr-home-btn,
.cr-logout-btn{

    width:100% !important;

    text-align:center;

}


}
.cr-save-btn {

    display:block !important;

    width:180px !important;

    margin:20px auto 10px auto !important;

    padding:12px 25px !important;

    background:#ffd400 !important;

    color:#111 !important;

    border:none !important;

    border-radius:10px !important;

    font-size:14px !important;

    cursor:pointer !important;

}
.cr-profile-card h2 {

    margin-top:0 !important;

    margin-bottom:25px !important;

    transform:translateY(-10px);

}


/* پیام موفقیت‌آمیز بودن ذخیره اطلاعات */

.cr-success-message {

    color:#1a8c1a !important;

    font-family:Vazirmatn, sans-serif !important;

    text-align:center;

    font-size:14px;

    margin-top:12px;

}


/* چیدمان فشرده‌تر دکمه‌های پایین پروفایل */
.cr-save-btn {
    margin-top:4px !important;
    margin-bottom:6px !important;
}

.cr-bottom-actions {
    margin-top:4px !important;
}

@media(max-width:700px){
    .cr-save-btn {
        margin-top:2px !important;
        margin-bottom:6px !important;
    }

    .cr-bottom-actions {
        margin-top:2px !important;
        gap:8px;
    }
}


/* ===== Chaperabo Profile v1.4 typography + notice ===== */
.cr-profile-wrapper,
.cr-profile-wrapper *,
.cr-profile-required-message {
    font-family: Vazirmatn, sans-serif !important;
}

.cr-profile-card h2 {
    font-family: Vazirmatn, sans-serif !important;
    font-weight: 800 !important;
}

.cr-row label {
    font-family: Vazirmatn, sans-serif !important;
    font-weight: 700 !important;
}

.cr-profile-required-message {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 auto 20px !important;
    padding: 12px 14px !important;
    color: #ab0000 !important;
    background: #fff1f1 !important;
    border: 1px solid #efb5b5 !important;
    border-radius: 10px !important;
    text-align: center !important;
    direction: rtl !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;
}

.cr-save-btn,
.cr-home-btn,
.cr-logout-btn,
.cr-upload-btn {
    font-family: Vazirmatn, sans-serif !important;
    font-weight: 700 !important;
}


/* ===== Chaperabo Profile v1.4.1 notice spacing fix ===== */
.cr-profile-required-message {
    margin: -6px auto 26px !important;
}

.cr-profile-required-message + .cr-avatar-box {
    margin-top: 0 !important;
}

@media(max-width:700px){
    .cr-profile-required-message {
        margin: -4px auto 22px !important;
    }

    .cr-profile-required-message + .cr-avatar-box {
        margin-top: 0 !important;
    }
}