/* MP Top Banner - fascia immagine a tutta larghezza in cima */
.mp-topbanner { width: 100%; line-height: 0; }
.mp-topbanner__link { display: block; }
.mp-topbanner__img { display: block; width: 100%; height: auto; }

/* =========================================================================
   Elementi dentro la barra blu (.header-top--mp).
   NB: l'ORDINE orizzontale a destra sta in custom.css del tema figlio
   (le regole `order` dei fratelli sono li'), qui c'e' solo l'aspetto.
   ========================================================================= */

/* ---- Recensioni verificate (sinistra) ---- */
.mp-topbar-reviews { display: inline-flex; align-items: center; }
.mp-topbar-reviews__inner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4;
}
a.mp-topbar-reviews__inner:hover,
a.mp-topbar-reviews__inner:focus { color: #abd0ea; text-decoration: none; }
.mp-topbar-reviews__icon { flex: 0 0 auto; }
.mp-topbar-reviews__text { font-weight: 600; }
.mp-topbar-reviews__stars { display: inline-flex; gap: 1px; line-height: 1; }
/* stella spenta: bianco molto tenue, resta leggibile sul blu */
.mp-topbar-star { color: rgba(255, 255, 255, 0.35); font-size: 13px; line-height: 1; }
.mp-topbar-star--on { color: #feb801; }
/* mezza stella: oro a sinistra, tenue a destra */
.mp-topbar-star--half {
  background: linear-gradient(90deg, #feb801 50%, rgba(255, 255, 255, 0.35) 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.mp-topbar-reviews__score { font-weight: 700; }
.mp-topbar-reviews__count { color: rgba(255, 255, 255, 0.75); }

/* ---- WhatsApp (destra) ---- */
.mp-topbar-wa { display: inline-flex; align-items: center; }
.mp-topbar-wa__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4;
  transition: color 0.15s ease, transform 0.15s ease;
}
.mp-topbar-wa__link:hover,
.mp-topbar-wa__link:focus {
  /* verde WhatsApp: si stacca dal blu e resta riconoscibile */
  color: #25d366;
  text-decoration: none;
}
.mp-topbar-wa__icon { flex: 0 0 auto; }

/* NB: l'etichetta "WhatsApp" resta visibile ANCHE su mobile (richiesta utente).
   Lo spazio c'e' perche' custom.css nasconde il testo della wishlist sotto i
   992px. Sui telefoni molto stretti vedi la fallback in custom.css. */