/* پیام خوش‌آمدگویی کاربر */
.welcome-user {
    color: var(--text, rgb(255, 250, 250));
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

/* فرم خروج */
.logout-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* دکمه خروج */
.logout-button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
}

/* حالت Hover دکمه خروج */
.logout-button:hover {
    text-decoration: underline;
}

/* فاصله و چیدمان لینک‌های نوار بالا */
.topbar-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px;
}

/* لینک‌های حساب */
.topbar-links > a {
    color: var(--text, rgb(255, 255, 255));
    font-size: 12px;
    text-decoration: none;
    transition: color .15s ease;
}

/* Hover لینک‌ها */
.topbar-links > a:hover {
    color: #fdfdfd;
}

/* Responsive هدر در موبایل */
@media (max-width: 767px) {
    .topbar-links {
        justify-content: flex-start;
        gap: 9px;
    }

    .welcome-user,
    .topbar-links > a,
    .logout-button {
        font-size: 11px;
    }
}