#site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}
#site-header.scrolled {
    background: var(--sos-menu-background-scrolled-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.menu-item {
    border-radius: var(--sos-border-radius);
    transition: all 0.3s ease;
}

.current_page_item {
    background-color: var(--sos-primary-color);
}

.menu-item:hover, .current_page_item:hover {
    background-color: var(--sos-accent-color);
}