/* EXTEND – Horaires, congés : bandeau d'information */
.xh-banner{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap;padding:12px 56px 12px 20px;background:#2c353d;color:#fff;font-size:15px;line-height:1.45;border-bottom:3px solid #f2a900;text-align:center}
.xh-banner p{margin:0;max-width:900px;color:#fff}
.xh-banner a{color:#1f2023;background:#f2a900;border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none;white-space:nowrap}
.xh-banner a:hover{background:#fff;color:#1f2023}
.xh-banner button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.xh-banner button:focus-visible,.xh-banner a:focus-visible{outline:2px solid #f2a900;outline-offset:2px}
@media (max-width:640px){.xh-banner{font-size:14px;justify-content:flex-start;text-align:left;padding:12px 52px 12px 16px}}

/* Bandeau : version courte sur mobile */
.xh-banner .xh-b-short{display:none;align-items:center;gap:8px;font-weight:600}
.xh-banner .xh-b-short i{width:9px;height:9px;border-radius:50%;background:#f2a900;flex:none}
.xh-banner.is-during .xh-b-short i{background:#e0685a}
@media (max-width:767px){
.xh-banner.is-compact{padding:9px 48px 9px 14px;gap:8px;font-size:13.5px;border-bottom-width:2px;justify-content:flex-start;flex-wrap:nowrap}
.xh-banner.is-compact .xh-b-full{display:none}
.xh-banner.is-compact .xh-b-short{display:flex}
.xh-banner.is-compact a{padding:4px 10px;font-size:12.5px}
.xh-banner.is-compact button{width:28px;height:28px;font-size:17px;right:8px}
}

/* Pastille d'en-tête, à côté du téléphone */
.xh-head{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;line-height:1.2;color:#2c353d;white-space:nowrap}
.xh-head i{width:8px;height:8px;border-radius:50%;background:#8a939b;flex:none}
.xh-head.is-open i{background:#2fa84f;box-shadow:0 0 0 3px rgba(47,168,79,.18)}
.xh-head.is-closed i{background:#d9534f}
.xh-head.is-pause i,.xh-head.is-rdv i{background:#efbb20}
.xh-head .xh-short{display:none}
@media (min-width:1200px){
.phone-info .xh-head{display:inline-flex;margin-right:14px;vertical-align:middle;font-size:13px}
}
@media (max-width:1199px){
.phone-info .xh-head{margin-right:10px;vertical-align:middle;font-size:12px}
.phone-info .xh-head .xh-full{display:none}
.phone-info .xh-head .xh-short{display:inline}
}

/* Point de couleur sur « Appeler » (barre mobile) */
.xh-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;background:#8a939b}
.xh-dot.is-open{background:#5cc87a;box-shadow:0 0 0 3px rgba(92,200,122,.25)}
.xh-dot.is-closed{background:#e0685a}
.xh-dot.is-pause,.xh-dot.is-rdv{background:#efbb20}

/* Bandeau « Aperçu » */
.xh-preview{position:fixed;left:12px;bottom:12px;z-index:99999;max-width:min(560px,calc(100% - 24px));background:#f2a900;color:#1f2023;font:600 13px/1.4 "Helvetica Neue",Arial,sans-serif;padding:10px 14px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
@media (max-width:767px){.xh-preview{bottom:96px}}