.site-header{
    background:#fff;
    border-bottom:1px solid #eee;
    padding:12px 16px;
}

.header-inner{
    max-width:1100px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    font-weight:700;
    font-size:18px;
    text-decoration:none;
    color:#333;
}

.menu-toggle{
    background:none;
    border:none;
    font-size:22px;
    cursor:pointer;
}

.nav{
    display:none;
    flex-direction:column;
    gap:12px;
    margin-top:15px;
}

.nav a{
    text-decoration:none;
    color:#444;
    font-size:15px;
}

.user-name{
    font-size:14px;
    color:#666;
}

.logout{
    color:#e74c3c;
}

/* دسکتاپ */
@media(min-width:768px){
    .menu-toggle{
        display:none;
    }
    .nav{
        display:flex !important;
        flex-direction:row;
        align-items:center;
        gap:18px;
        margin-top:0;
    }
}