/* Estado inicial normal */
.site-header {
    position: relative;
    width: 100%;
    z-index: 1040;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.2s ease;
}

/* Cuando se activa el modo Sticky */
body.header-sticky .site-header {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    background-color: var(--color-dark, #111827) !important;
}

/* Ocultar suavemente */
body.scroll-down .site-header {
    transform: translateY(-100%);
}

/* Mostrar suavemente */
body.scroll-up .site-header {
    transform: translateY(0);
}

/* Ajuste para el Navbar interno en scroll */
body.header-sticky .site-header .site-navbar {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Compatibilidad con la barra de administración de WordPress */
body.admin-bar.header-sticky .site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar.header-sticky .site-header {
        top: 46px;
    }
}

/* En mobile pequeño, la admin bar de WordPress deja de ser fija al hacer scroll */
@media screen and (max-width: 600px) {
    body.admin-bar.header-sticky .site-header {
        top: 0;
    }
}