/* ═══════════════════════════════════════════════════════
   BluePoint UI — Sticky header com hide/show ao rolar
   ═══════════════════════════════════════════════════════ */

/* ── Sticky header ──────────────────────────────────── */

#site-header,
[data-header],
.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9000 !important;
    width: 100%;
    transition:
        box-shadow 0.3s ease,
        transform  0.3s ease;
}

/* Sombra suave após rolar 60 px */
#site-header.bp-scrolled,
[data-header].bp-scrolled,
.site-header.bp-scrolled {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Esconde ao rolar para baixo, volta ao subir */
#site-header.bp-hidden,
[data-header].bp-hidden,
.site-header.bp-hidden {
    transform: translateY(-100%) !important;
}