/* Fascia «spedizione gratuita» nella barra dei contatti.
   Richiesta di Luca e Mauro dell'8 settembre 2026, aggiustamenti di Simone
   lo stesso giorno: deve stare fra l'email e il «Benvenuto», e tutto deve
   stare su UNA riga sola. */

/* 1) La riga della barra diventa una fila: contatti a sinistra, fascia
      accanto, «Benvenuto» spinto a destra. Nel tema i tre blocchi erano
      impilati, ed e' per questo che il benvenuto andava a capo da solo. */
.header-nav > .container > .row > .col-md-12 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header-nav > .container > .row > .col-md-12 > #_desktop_contact_link {
    flex: 0 0 auto;
}
.header-nav > .container > .row > .col-md-12 > #_desktop_user_info {
    flex: 0 0 auto;
    margin-left: auto;   /* si appoggia al bordo destro */
}

/* 2) Via le parole «Telefono:» e «E-mail:»: l'icona basta, e lo spazio
      guadagnato serve alla fascia.
      Via anche il numero di telefono: Mauro l'8 settembre 2026 ha chiesto di
      toglierlo, «non serve al momento». Resta il link «Contatto» e l'email. */
#contact-link .shop-phone_text {
    display: none;
}
#contact-link .shop-tel {
    display: none;
}
#contact-link .shop-tel,
#contact-link .shop-email {
    margin-right: 8px;
}

/* 3) La fascia */
#mc-sped {
    flex: 0 1 auto;
    min-width: 0;
    /* Misurato sul sito: la riga utile e' 1170 px (1200 meno i bordi interni
       della colonna). Con il corpo a 12 px la fascia da sola ne prendeva 565 e
       il «Benvenuto» finiva a capo; a 11 px ci sta tutto su una riga. */
    margin: 0 6px;
    padding: 3px 8px;
    border-radius: 3px;
    background: #e8590c;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: .2px;
    white-space: nowrap;
}
#mc-sped .mc-sped-nota {
    font-weight: 400;
    opacity: .92;
}
/* la riga in corpo piccolo: «isole minori escluse» */
#mc-sped .mc-sped-piccolo {
    font-weight: 400;
    font-size: .82em;
    opacity: .85;
}

/* 4) Quando la finestra si stringe: prima si rimpicciolisce, poi si va a capo */
@media (max-width: 1399px) {
    #mc-sped { font-size: 10.5px; padding: 3px 7px; margin: 0 5px; }
}
@media (max-width: 1199px) {
    #mc-sped { white-space: normal; margin: 4px 8px; }
}
@media (max-width: 767px) {
    .header-nav > .container > .row > .col-md-12 { display: block; }
    #mc-sped {
        display: block;
        margin: 5px 0;
        text-align: center;
        font-size: 11px;
        white-space: normal;
    }
    #contact-link .shop-phone_text { display: inline; }
}