/* ============================================
   Header global — fond bleu au scroll
   Chargé sur toutes les pages
   ============================================ */

/* Fix: header collé au top du viewport */
header#header {
    top: 0;
}

/* Background par défaut: transparent (pas de blur, pas de débordement) */
header#header .background {
    opacity: 0;
    filter: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .3s ease;
}

/* Au scroll: fond bleu solide */
html.scrollDown header#header .background,
html.scrollUp header#header .background {
    opacity: 1;
    background-color: #172130;
}