/* ================= هدر Ultra Glassmorphism (شیک و یکپارچه) ================= */
.clean-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    
    /* افکت شیشه‌ای حرفه‌ای شبیه iOS */
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    z-index: 1000;
    transition: all 0.3s ease;
}

/* آیکون منو (بدون کادر، مینیمال و نرم) */
.clean-header .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #0F172A; /* رنگ تیره و خوانا */
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.clean-header .menu-icon:hover {
    background: rgba(0, 0, 0, 0.05); /* یک بک‌گراند خیلی محو موقع هاور */
    transform: scale(1.05);
}

/* کانتینر برند - بدون هیچ کادر اضافه‌ای */
.brand-container {
    display: flex;
    align-items: center;
    direction: ltr; /* برای قرارگیری درست اسم و لوگو از چپ به راست */
}

/* ساختار دربرگیرنده لوگو و متن */
.brand-base {
    display: flex;
    align-items: center; /* تراز عمودی دقیق (مرکز در مرکز) */
    justify-content: center;
    gap: 12px; /* فاصله بین لوگو و متن */
    text-decoration: none;
    position: relative;
}

/* استایل اسم برند (هم‌راستای دقیق با لوگو) */
.simona-text {
    font-family: 'Canavar', sans-serif;
    font-size: 1.8rem;
    color: #333333; /* مشکی کم‌رنگ و شیک */
    letter-spacing: 0.5px;
    font-weight: normal;
    line-height: 1; /* جلوگیری از پرش ارتفاع متن */
    display: flex;
    align-items: center;
}

/* لوگو */
.brand-logo {
    width: 40px; 
    height: 40px; 
    object-fit: contain;
    border-radius: 50%;
    display: block; /* جلوگیری از ایجاد فضای خالی زیر عکس */
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.brand-base:hover .brand-logo {
    transform: scale(1.1) rotate(5deg);
}

/* مخفی کردن نقطه وضعیت سبز رنگ طبق درخواست شما */
.status-dot {
    display: none !important;
}