/* LA FASCIA DELL'EXCHANGE — una riga sopra il contenuto, su qualunque tema.
   Sta in un foglio suo e non in uno <style> nel template (regola della casa), e viene servita
   solo sulle skin che vendono l'exchange: su tutte le altre questo file non si carica nemmeno.
   Colori neutri di proposito: la fascia sta sopra il sito di un cliente e non deve litigare col
   suo tema — nessun colore di casa, solo un fondo scuro trasparente che sta bene su tutti. */
.tb-fascia-ex {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  font-size: 13.5px;
  line-height: 1.35;
  background: rgba(17, 24, 39, .94);
  color: #e5e7eb;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.tb-fascia-ex__tag {
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 11.5px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  white-space: nowrap;
}
.tb-fascia-ex__testo { flex: 1 1 auto; min-width: 0; }
.tb-fascia-ex__vai {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  white-space: nowrap;
}
.tb-fascia-ex__x {
  background: none;
  border: 0;
  color: inherit;
  opacity: .6;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
}
.tb-fascia-ex__x:hover { opacity: 1; }
/* Sul telefono il testo lungo mangia la riga: resta il tag, l'essenziale e la via d'uscita. */
@media (max-width: 560px) {
  .tb-fascia-ex { font-size: 12.5px; padding: 6px 10px; gap: 8px; }
  .tb-fascia-ex__testo { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}