/*
 * nav-scroll.css — EDBP
 * Controla el background del header (#site-header) depenent de la direcció de scroll.
 * El JS (nav-scroll.js) afegeix/treu .nav-show-bg. Cap canvi de position/top.
 *
 * Nota: usem #site-header (selector d'id) per guanyar en especificitat al
 * `.site-header { background-color }` del kit d'Elementor i del child theme,
 * sense necessitat de !important.
 */

/* Per defecte: transparent (a dalt de tot, o pujant, o idle) */
#site-header {
    background-color: transparent;
    border-bottom-color: transparent;
    transition:
        background-color 0.35s ease,
        border-bottom-color 0.35s ease,
        backdrop-filter 0.35s ease;
}

/* Scroll-down actiu: fons visible */
#site-header.nav-show-bg {
    background-color: rgba(0, 0, 0, 0.88);
    border-bottom-color: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}