/* Bouton « Haut de page » (gérant 03/10) : flèche ronde en bas à droite, visible après défilement d'un écran. */
.hp-btn { position: fixed; right: 20px; bottom: 20px; z-index: 60; display: inline-flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--c-brand, #1d4f91); color: #fff; cursor: pointer;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .25); opacity: 0; transform: translateY(12px); pointer-events: none;
    transition: opacity .2s ease, transform .2s ease, background-color .15s ease; }
.hp-btn.hp-visible { opacity: 1; transform: none; pointer-events: auto; }
.hp-btn:hover { background: var(--c-brand-dark, #163d70); }
.hp-btn:focus-visible { outline: 3px solid var(--ui-focus, #ffbf47); outline-offset: 2px; }
.hp-btn svg { width: 22px; height: 22px; }
@media (max-width: 479.98px) { .hp-btn { right: 12px; bottom: 12px; width: 44px; height: 44px; } }
@media (prefers-reduced-motion: reduce) { .hp-btn { transition: none; } }
@media print { .hp-btn { display: none !important; } }