.sticky-header .navbar {
    position: relative; 
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    z-index: 1030;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    background: var(--navbar-bg-fixed);
}

/* آماده‌سازی برای حالت فیکس شده */
.sticky-header.sticky .navbar,
.sticky-header.sticky-hide .navbar {
    position: fixed;
    background: var(--navbar-bg-fixed);
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    z-index: 999;
}

/* انیمیشن ورود نرم */
.sticky-header.sticky .navbar {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.3s ease forwards;
}

/* انیمیشن خروج نرم */
.sticky-header.sticky-hide .navbar {
    animation: slideUp 0.3s ease forwards;
}

/* ورود: از بالا به جای خودش */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* خروج: از جای خودش به بالا */
@keyframes slideUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

.sticky-header.brand-logo {
    display: block;
    inline-size: auto;
}

.sticky-header .logo-dark {
    display: block;
}

.sticky-header .logo-light {
    display: none;
}