.smart-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform 0.4s ease-in-out, background-color 0.3s ease;
    width: 100%;
}

/* إزالة خاصية الاختفاء */
.smart-header--hidden {
    display: none !important;
}

/* حالة التثبيت مع ظل عند السكرول */
.smart-header--fixed {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    background-color: #E9E1DD; /* استبدال الشفافية بلون صلب لضمان الوضوح */
}

@media (max-width: 992px) {
    .smart-header {
        height: auto;
    }
}