.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 {
    transform: translateY(-100%);
}

/* حالة التثبيت مع ظل عند السكرول */
.smart-header--fixed {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    background-color: rgba(233, 225, 221, 0.95);
    backdrop-filter: blur(8px);
}

/* Ensure content doesn't jump */
body {
    padding-top: 114px;
    /* 74px (top-bar) + 40px (navbar) */
}

@media (max-width: 992px) {
    body {
        padding-top: 48px;
        /* Mobile height */
    }

    .smart-header {
        height: auto;
    }
}