/* ===== Badge saison (composant mutualisé) =====
   Usage : <span class="badge-saison">Juillet–août</span>
   Indique la période d'ouverture / de disponibilité d'un service.
   Variante .badge-saison--hero : lisible sur une photo (fond plus opaque).
   Couleurs : variables de theme.css (--badge-texte, --badge-fond…). */
.badge-saison{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;line-height:1.2;
  color:var(--badge-texte);
  background:var(--badge-fond);
  border:1px solid rgba(var(--or-rgb),.55);
  border-radius:999px;padding:5px 12px 5px 10px;
  max-width:100%;vertical-align:middle;text-align:left;
}
.badge-saison::before{
  content:"";width:12px;height:12px;flex-shrink:0;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.badge-saison--hero{background:rgba(var(--voile-rgb),.72);border-color:rgba(var(--or-rgb),.8);}
/* Badge posé seul sur sa ligne, au-dessus d'un titre */
.badge-saison-line{display:block;margin:0 0 12px;}
.sec-head .badge-saison-line{margin:10px 0 12px;}