#site-header {
    position: relative;
    transition: all 0.3s ease-in-out;
}

#site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Điều chỉnh khi WordPress admin bar xuất hiện */
body.admin-bar #site-header.sticky {
    top: 32px; /* Khoảng cách cho admin bar trên desktop */
}

@media (max-width: 782px) { /* Khi admin bar có chiều cao lớn hơn trên thiết bị nhỏ */
    body.admin-bar #site-header.sticky {
        top: 46px;
    }
}