/* ── Widget VP Eyebrow (sur-titre « — Texte — ») ── */

.vp-eyebrow {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 3px;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 40px;
  padding: 0 16px;          /* ne touche jamais les bords de l'écran */
  max-width: 100%;
  overflow-wrap: anywhere;  /* retour à la ligne propre si nécessaire */
}

/* Tirets décoratifs (activés par la classe --dashes) */
.vp-eyebrow--dashes::before { content: "— "; }
.vp-eyebrow--dashes::after  { content: " —"; }

/* Couleurs */
.vp-eyebrow--coral { color: var(--primary, #f1b8a0); }
.vp-eyebrow--light { color: var(--foreground-on-dark, #ffffff); }
.vp-eyebrow--dark  { color: var(--foreground, #000000); }

/* Fix mobile : réduit le letter-spacing/taille pour tenir, sinon wrap centré */
@media (max-width: 600px) {
  .vp-eyebrow { font-size: 10px; letter-spacing: 1.5px; }
}