/* === DM User Profile – نسخه بدون BuddyPress === */
:root{
    --dmup-primary:#388CC7;   /* آبی اصلی */
    --dmup-accent :#F9E741;   /* زرد تاکیدی */
    --dmup-dark   :#504B30;   /* قهوه‌ای زیتونی */
}

/* ظرف کلی */
.dmup-profile-container{
    display:flex;
    background:#fff;
    border:1px solid var(--dmup-dark);
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
    font-family:inherit;
    position:relative;
    margin:20px 0;
}
.dmup-profile-container.sidebar-open{min-height:100vh;}

/* نوار کناری */
.dmup-sidebar{
    width:250px;
    background:var(--dmup-primary);
    border-right:1px solid var(--dmup-dark);
    padding:15px;
    box-sizing:border-box;
    transition:transform .3s ease;
}
.dmup-sidebar.open{transform:translateX(0);}

/* اطلاعات کاربر – کارت خوش‌آمد */
.dmup-user-info{
    background:#fff;                 /* زمینه‌ی روشن برای خوانایی بهتر */
    color: var(--dmup-dark);         /* رنگ متن تیره */
    border:1px solid var(--dmup-dark-25);
    border-radius:12px;
    padding:16px 14px;
    margin-bottom:20px;
    box-shadow:0 4px 10px rgba(0,0,0,.08);
    position:relative;
    text-align:center;
    overflow:hidden;
}
/* نوار تاکیدی بالای کارت */
.dmup-user-info::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:6px;
    background: var(--dmup-accent);
    border-radius:12px 12px 0 0;
}
/* “خوش آمدید” به‌صورت بج */
.dmup-user-info p{
    margin:0 0 8px;
    display:inline-block;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    background: var(--dmup-accent);
    color: var(--dmup-dark);         /* کنتراست مناسب روی زرد */
    padding:2px 10px;
    border-radius:999px;
}
/* نام کاربری (خوانا و شاخص) */
.dmup-user-info h3{
    margin:0;
    font-size:20px;                  /* متن درشت برای خوانایی بهتر */
    line-height:1.3;
    font-weight:800;
    color: var(--dmup-dark);
}


/* تب‌ها */
.dmup-tabs{list-style:none;padding:0;margin:0;}
.dmup-tabs li{
    padding:10px;
    text-align:center;
    cursor:pointer;
    border:1px solid var(--dmup-dark);
    margin-bottom:5px;
    border-radius:5px;
    background:#fff;
    transition:background .3s ease;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--dmup-dark);
}
.dmup-tabs li:hover,
.dmup-tabs li.active{
    background:var(--dmup-accent);
    color:var(--dmup-dark);
}

/* محتوا */
.dmup-content{flex:1;padding:20px;background:#fff;}
.dmup-tab-content{display:none;}
.dmup-tab-content.active{display:block;}

/* دکمه همبرگری */
.dmup-hamburger{
    display:none;
    position:absolute;top:10px;right:10px;
    background:var(--dmup-dark);color:#fff;border:none;
    font-size:24px;padding:5px 10px;
    border-radius:5px;cursor:pointer;z-index:1000;
}

@media(max-width:768px){
    .dmup-sidebar{position:absolute;top:0;right:0;height:100vh;width:250px;transform:translateX(100%);z-index:999;overflow-y:auto;}
    .dmup-sidebar.open{transform:translateX(0);}
    .dmup-hamburger{display:block;}
    .dmup-content{margin-top:20px;}
}

/* کارت ورود */
.dmup-not-loggedin-card{
    max-width:500px;margin:40px auto;padding:20px;
    background:var(--dmup-accent);
    border:1px solid var(--dmup-dark);
    border-radius:10px;text-align:center;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
}
.dmup-buttons{margin-top:20px;}
.dmup-btn{
    display:inline-block;background:var(--dmup-primary);color:#fff;text-decoration:none;
    padding:10px 20px;margin:5px;border-radius:5px;transition:background .3s ease;
}
.dmup-btn:hover{background:var(--dmup-dark);}

/* فرم ویرایش */
.dmup-edit-profile-form{max-width:400px;border:1px solid #ccc;padding:15px;border-radius:5px;background:#fafafa;margin-bottom:20px;}
.dmup-edit-profile-form label{font-weight:bold;margin-bottom:5px;display:inline-block;}
.dmup-edit-profile-form input[type=text]{width:100%;padding:6px;border:1px solid #ccc;border-radius:3px;}
.dmup-profile-save-btn{background:var(--dmup-primary);color:#fff;border:none;padding:8px 15px;border-radius:3px;cursor:pointer;}
.dmup-profile-save-btn:hover{background:var(--dmup-dark);}