/* Séraphin — le bouquetin de La Gourmandine (v3.10)
   Trois images sur l'accueil. Aucun JavaScript : les animations vivent dans les fichiers SVG
   et s'arrêtent d'elles-mêmes si le visiteur a demandé moins de mouvement.
   L'image de la fenêtre d'annonce est réglée dans season-popups-v4.css. */
.seraphin{display:block;flex:none;height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}

/* 1 — Accueil : entre le texte d'accroche et les boutons (café, vapeur animée) */
.seraphin--accueil{width:clamp(66px,6.2vw,94px);margin:0 auto -6px clamp(4px,1.2vw,18px)}

/* 2 — La maison : en signature, sous les deux colonnes (clignement) */
.seraphin--maison{width:clamp(70px,6.4vw,98px);margin:clamp(24px,3vw,44px) auto 0}

/* 3 — Réservation : debout au-dessus du bouton, le bras tendu vers l'entrée */
.seraphin--reserver{width:clamp(78px,7vw,106px);margin:clamp(20px,2.6vw,38px) auto -3px}
.seraphin--reserver + .button{margin-top:0}

/* Mobile : on allège l'accueil, on garde La maison et la réservation */
@media (max-width:720px){
  .seraphin--accueil{display:none}
  .seraphin--maison{width:74px}
  .seraphin--reserver{width:84px}
}
@media print{.seraphin{display:none}}