/* =====================================================================
   footer.css — Styles du footer (chargé sur toutes les pages)
   ===================================================================== */

/* ── Header logo : hauteur responsive ── */
img.header-logo { height: 52px; width: auto; }
@media (min-width: 1280px) { img.header-logo { height: 70px; } }

.social-facebook:hover  { border-color: var(--color-rouge); color: var(--color-rouge); }
.social-instagram:hover { border-color: var(--color-rouge); color: var(--color-rouge); }
.social-linkedin:hover  { border-color: var(--color-rouge); color: var(--color-rouge); }
.social-email:hover     { border-color: var(--color-rouge); color: var(--color-rouge); }
.link-acheter           { color: var(--color-rouge); }
.link-acheter:hover     { color: #ffffff; }

/* ── Menu déroulant boutiques : pin toujours rouge, fond gris au hover ── */
.nav-boutique-item:hover         { background: #E3E3E3; color: var(--color-rouge); }

/* ── Bouton appel flottant — masqué sur desktop ── */
@media (min-width: 1024px) {
    #float-call-btn,
    #float-call-sheet,
    #float-call-overlay { display: none !important; }
}

/* ── Bouton appel flottant : transition show/hide au scroll ── */
#float-call-btn {
    transform: translateY(0);
    opacity: 1;
    transition: transform .35s cubic-bezier(.22,1,.36,1), opacity .35s ease;
    will-change: transform, opacity;
}
#float-call-btn.float-call-hidden {
    transform: translateY(calc(100% + 2rem));
    opacity: 0;
    pointer-events: none;
}