/* Encart saisonnier — présent sur toutes les pages du site, en permanence.
   Décision de Florian du 2026-09-28 : il ne doit plus pouvoir être fermé et doit
   apparaître partout, pas seulement sur l'accueil. D'où la disparition du bouton de
   fermeture et de la mémoire locale qui le masquait sept jours.
   Il reste posé au-dessus de la barre d'action collante sur mobile : il ne couvre
   jamais le bouton d'appel. */
.hcs-flot{box-sizing:border-box;position:fixed;z-index:9990;left:24px;bottom:24px;width:min(370px,calc(100vw - 32px));background:linear-gradient(135deg,#0A1428 0%,#123055 55%,#1B2B4D 100%);color:#fff;border-radius:20px;padding:20px 22px 22px;box-shadow:0 26px 60px -18px rgba(10,20,40,.55);overflow:hidden;opacity:0;transform:translateY(14px);transition:opacity .32s ease,transform .32s ease}
.hcs-flot.est-visible{opacity:1;transform:none}
/* L'encart s'efface pendant que le bloc contrats est a l'ecran : les deux proposent l'entretien,
   et l'encart flottant recouvrait le texte et l'action principale du teaser. Il n'est pas fermable
   pour autant — il revient des que le bloc sort du champ. */
.hcs-flot.hcs-range{opacity:0;transform:translateY(130%);pointer-events:none}
.hcs-flot[hidden]{display:none}
.hcs-flot::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#FF6B1A,#FFB061 45%,#1FC4F0)}
.hcs-flot::after{content:"";position:absolute;right:-70px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,26,.22),transparent 68%);pointer-events:none}
.hcs-flot .hcs-kicker{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;padding:4px 11px;border-radius:999px;background:rgba(255,107,26,.16);border:1px solid rgba(255,159,102,.34);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#FFB88C}
.hcs-flot .hcs-kicker i{width:6px;height:6px;border-radius:50%;background:#FF8F4D;box-shadow:0 0 0 4px rgba(255,143,77,.22)}
.hcs-flot .hcs-court{display:none}
.hcs-flot h2{position:relative;margin:0;font-size:1.16rem;line-height:1.25;color:#fff;letter-spacing:-.01em;font-weight:800}
.hcs-flot .hcs-sub{position:relative;margin:8px 0 0;font-size:.9rem;color:rgba(255,255,255,.84);line-height:1.5}
.hcs-flot .hcs-actions{position:relative;display:flex;flex-direction:column;gap:9px;margin-top:14px}
.hcs-flot .hcs-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;background:linear-gradient(135deg,#E55A0C,#FF7A2B);color:#fff;font-weight:800;font-size:.97rem;border-radius:12px;text-decoration:none;box-shadow:0 10px 22px rgba(255,107,26,.34)}
.hcs-flot .hcs-links{display:flex;gap:9px}
.hcs-flot .hcs-link{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border-radius:10px;border:1.5px solid rgba(168,228,247,.45);background:rgba(255,255,255,.06);color:#C9EEFB;font-weight:700;font-size:.87rem;text-decoration:none;white-space:nowrap}
.hcs-flot .hcs-link:hover{background:rgba(255,255,255,.12);border-color:#1FC4F0;color:#fff}
.hcs-flot .hcs-cta:hover{filter:brightness(1.07)}
.hcs-flot a:focus-visible,.hcs-flot button:focus-visible{outline:3px solid #1FC4F0;outline-offset:2px}
/* Mobile : au-dessus de la barre d'action collante, jamais par-dessus. */
/* Téléphone : forme compacte, une seule ligne.
   L'encart est permanent et ne se ferme pas — c'est la règle. Mais en carte pleine, il mangeait
   près d'un tiers d'un écran de 390 px et recouvrait le bouton « Demander une intervention » de la
   page : une publicité qui cache le bouton d'appel coûte des appels au lieu d'en apporter. Sur
   téléphone il devient donc une barre d'une ligne, toujours là, toujours non fermable, posée
   au-dessus de la barre d'action collante. Le message long et les deux liens secondaires ne
   servent que sur grand écran, où la place existe. */
@media (max-width:720px){
 .hcs-flot{left:10px;right:10px;width:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));
   display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px}
 .hcs-flot::after{display:none}
 .hcs-flot .hcs-kicker{display:none}
 .hcs-flot h2{flex:1 1 auto;font-size:.92rem;line-height:1.3;margin:0}
 .hcs-flot .hcs-long{display:none}
 .hcs-flot .hcs-court{display:inline}
 .hcs-flot .hcs-sub{display:none}
 .hcs-flot .hcs-links{display:none}
 .hcs-flot .hcs-actions{flex:0 0 auto;margin:0}
 .hcs-flot .hcs-cta{min-height:42px;padding:10px 14px;font-size:.88rem;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.hcs-flot{transition:none;transform:none}}