/**
 * Badge "Spedizione" — tre superfici, un solo foglio (caricato ovunque perché
 * la barra promo vive nell'header globale; vedi ldd_enqueue_shipping_badge_assets
 * in inc/shipping-badge.php).
 *
 *   .ldd-promobar  banda full-width sotto l'header (is-it azzurra come la fascia
 *                  trust, is-eu piu' sobria — vedi nota sotto)
 *   .ldd-shipbox   riquadro nella buy-box della scheda prodotto
 *   .ldd-cship     pill mini nel piede della card del catalogo (invariata)
 *
 * Le due varianti per lingua NON si distinguono piu' per famiglia di colore ma
 * per TIPOGRAFIA: is-it maiuscolo/900/corpo grande (promessa commerciale vera
 * solo in Italia), is-eu minuscolo/700/corpo piccolo (fatto neutro: fuori
 * dall'Italia la spedizione non e' gratuita). Non uniformarle.
 * .ldd-shipbox e .ldd-cship restano sull'accento verde: sono superfici piccole,
 * non "la barra grossa" (scelta esplicita del committente 2026-07-29).
 * Tipografia e colori solo a token del :root.
 */

/* ---------- Barra promo (full-width, sotto l'header) ---------- */
/* La barra era una tinta chiara alta 32px e passava inosservata; e' stata
   ingrandita (variante B, 2026-07-28) perche' la spedizione gratuita e' la leva
   commerciale principale del negozio. Il colore pieno verde e' durato un giorno:
   stonava con la palette e litigava con la fascia trust che le sta sotto in
   home. Restano dimensione, maiuscolo e peso, che sono cio' che la fa notare. */
.ldd-promobar {
  padding: 11px 0;
  font-family: var(--bk-font-sans);
  font-size: var(--bk-fs-lg);
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
}
/* Azzurro della fascia "Reso in 14 giorni / Pagamenti sicuri" (--bk-band), su
   TUTTE le pagine. Era verde pieno: due strisce di colore diverso attaccate si
   disturbavano in home e il verde stonava con la palette del sito.
   L'enfasi NON si perde ed e' quella che conta: restano maiuscolo, peso 900 e
   corpo grande. E' la gerarchia TIPOGRAFICA, non il colore, a distinguere la
   promessa commerciale italiana dal fatto neutro delle altre sei lingue, dove
   la spedizione NON e' gratuita: non uniformare i due casi.
   Contrasto testo/fondo 10:1, meglio del 5:1 del verde precedente. */
.ldd-promobar--is-it {
  background: var(--bk-band);
  color: var(--bk-band-ink);
  border-bottom-color: var(--bk-band-line);
}
/* Fuori dall'Italia la spedizione NON e' gratuita: la frase e' "tracciata in
   tutta Europa", un fatto, non un'offerta. Il fondo resta chiaro apposta —
   dare a un fatto l'enfasi grafica di una promozione e' una bugia visiva. */
.ldd-promobar--is-eu {
  background: var(--bk-blue-050);
  color: var(--wp--preset--color--contrast, currentColor);
  border-bottom-color: var(--bk-blue-100);
  font-size: var(--bk-fs-sm);
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  padding: 7px 0;
}
/* .wrap è definito solo sotto .ldd-home: qui la barra è globale, quindi la
   larghezza/centratura le mettiamo direttamente, allineate al chrome. */
.ldd-promobar-inner {
  max-width: var(--ldd-w-chrome);
  margin-inline: auto;
  padding-inline: var(--ldd-gutter-x);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ldd-promobar-ico svg {
  width: 21px;
  height: 21px;
  display: block;
}
.ldd-promobar--is-it .ldd-promobar-ico svg { color: var(--bk-band-ink); }
.ldd-promobar--is-eu .ldd-promobar-ico svg { color: var(--bk-blue); width: 18px; height: 18px; }

@media (max-width: 600px) {
  .ldd-promobar { font-size: var(--bk-fs-base); padding: 9px 0; }
  .ldd-promobar--is-eu { font-size: var(--bk-fs-xs); }
  .ldd-promobar-inner {
    flex-wrap: wrap;
    text-align: center;
  }
  .ldd-promobar-ico svg {
    width: 18px;
    height: 18px;
  }
}

/* ---------- Badge scheda prodotto (buy-box, sotto il prezzo) ---------- */
/* Variante B: da pill minuscola a riquadro. Nella buy-box compete con prezzo e
   bottone, e a 12.5px perdeva. */
.ldd-shipbox {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border-radius: 10px;
  border: 1.5px solid transparent;
  font-family: var(--bk-font-sans);
  font-size: var(--bk-fs-xl);
  font-weight: 900;
  margin: 10px 0 4px;
}
.ldd-shipbox--is-it {
  background: var(--bk-green-050);
  border-color: var(--bk-green-100);
  color: var(--bk-green-700);
}
.ldd-shipbox--is-eu {
  background: var(--bk-blue-050);
  border-color: var(--bk-blue-100);
  color: var(--bk-blue-700);
  font-size: var(--bk-fs-md);
  font-weight: 700;
}
.ldd-shipbox svg { width: 24px; height: 24px; display: block; flex: 0 0 auto; }
.ldd-shipbox--is-it svg { color: var(--bk-green); }
.ldd-shipbox--is-eu svg { color: var(--bk-blue); }

@media (max-width: 600px) {
  .ldd-shipbox { font-size: var(--bk-fs-lg); padding: 9px 11px; }
  .ldd-shipbox--is-eu { font-size: var(--bk-fs-base); }
}

/* ---------- Badge card catalogo (piede card, riga propria) ---------- */
.ldd-cship {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--bk-font-sans);
  font-size: var(--bk-fs-xs);
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  margin-top: 6px;
  /* .cfoot è flex-wrap e .ceta ha flex-basis:100% (order:3): con order:4 e senza
     basis, la pill scende su una riga propria SOTTO la ceta e resta larga quanto
     il contenuto (compatta, allineata a sinistra), non una barra a tutta card. */
  order: 4;
  align-self: flex-start;
}
.ldd-cship--is-it {
  background: var(--bk-green-050);
  color: var(--bk-green-700);
}
.ldd-cship--is-eu {
  background: var(--bk-blue-050);
  color: var(--bk-blue-700);
}
.ldd-cship svg {
  width: 14px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
}
.ldd-cship--is-it svg { color: var(--bk-green); }
.ldd-cship--is-eu svg { color: var(--bk-blue); }

/* ---------- Riga del risparmio in carrello ---------- */
.ldd-ship-saving {
  margin: 6px 0 0;
  padding: 7px 11px;
  border-radius: 8px;
  background: var(--bk-green-050);
  border: 1px solid var(--bk-green-100);
  color: var(--bk-green-700);
  font-family: var(--bk-font-sans);
  font-size: var(--bk-fs-sm);
  font-weight: 700;
}