/* La Tavolata: gli stessi colori di ltprecensioni (inchiostro #243846, verde del tema, crema delle slide) */
:root {
  --ltp-tav-inchiostro: #243846;
  --ltp-tav-testo: #5d6a72;
  --ltp-tav-linea: #e5e5e5;
  --ltp-tav-verde: var(--primary-color, #8bbd41);
  --ltp-tav-verde-scuro: #4f7d1a;
  --ltp-tav-crema: #f7f5ee;
  --ltp-tav-chiaro: #f5f9ef;
}

/* area cliente */
.ltp-tav-conto { margin-top: 10px; margin-bottom: 20px; }
.ltp-tav-riquadro { border: 1px solid var(--ltp-tav-linea); border-radius: 8px; overflow: hidden; background: #fff; }
.ltp-tav-testa { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; background: var(--ltp-tav-crema); padding: 14px 18px; }
.ltp-tav-testa h2 { margin: 0; font-size: 18px; font-weight: 600; color: var(--ltp-tav-inchiostro); }
.ltp-tav-testa span { font-size: 13px; color: var(--ltp-tav-testo); }
.ltp-tav-tappe { list-style: none; margin: 0; padding: 0; }
.ltp-tav-tappe li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 18px; border-top: 1px solid var(--ltp-tav-linea); color: var(--ltp-tav-inchiostro); font-size: 14.5px; }
.ltp-tav-segno { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; border: 1.5px dashed #c8ccc4; color: #9aa29f; }
.ltp-tav-fatta .ltp-tav-segno { border: 0; background: #e1efd5; color: var(--ltp-tav-verde-scuro); }
.ltp-tav-cosa small { display: block; color: var(--ltp-tav-testo); font-size: 13px; line-height: 1.45; }
.ltp-tav-azione { font-size: 13px; font-weight: 600; color: var(--ltp-tav-verde-scuro); white-space: nowrap; }
.ltp-tav-buoni { border-top: 1px solid var(--ltp-tav-linea); padding: 14px 18px; background: var(--ltp-tav-chiaro); }
.ltp-tav-buoni h3 { font-size: 15px; font-weight: 600; margin: 0 0 8px; color: var(--ltp-tav-inchiostro); }
.ltp-tav-buoni ul { list-style: none; margin: 0 0 6px; padding: 0; display: grid; gap: 6px; }
.ltp-tav-buoni li { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; font-size: 13.5px; color: var(--ltp-tav-testo); }
.ltp-tav-buoni code { font-size: 14px; font-weight: 700; letter-spacing: 1px; color: var(--ltp-tav-inchiostro); background: #fff; border: 1px dashed var(--ltp-tav-verde-scuro); border-radius: 4px; padding: 2px 8px; }
.ltp-tav-buoni p { margin: 0; font-size: 12.5px; color: var(--ltp-tav-testo); }
.ltp-tav-come { margin: 0; padding: 12px 18px; border-top: 1px solid var(--ltp-tav-linea); font-size: 13.5px; }
.ltp-tav-come a, .ltp-tav-link { color: var(--ltp-tav-verde-scuro); font-weight: 600; }

/* conferma d'ordine */
.ltp-tav-conferma { border: 1px solid #cfe0bd; background: var(--ltp-tav-chiaro); border-radius: 8px; padding: 18px 20px; margin: 20px 0; color: var(--ltp-tav-inchiostro); }
.ltp-tav-conferma h3 { font-size: 18px; font-weight: 600; margin: 0 0 8px; color: var(--ltp-tav-inchiostro); }
.ltp-tav-conferma p { margin: 0 0 8px; line-height: 1.6; }
.ltp-tav-conferma .ltp-tav-nl { background: #fff; border: 1px solid var(--ltp-tav-linea); border-radius: 6px; padding: 10px 12px; font-size: 14px; }
.ltp-tav-conferma .ltp-tav-nl a { color: var(--ltp-tav-verde-scuro); font-weight: 600; }

/* fascia in home: il titolo del tema e' flottante, la fascia si mette sotto */
.ltp-tav-fascia { clear: both; margin-top: 10px; margin-bottom: 40px; }
.ltp-tav-fascia-dentro { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center; background: var(--ltp-tav-crema); border-radius: 10px; padding: 20px 24px; }
.ltp-tav-icona { width: 58px; height: 58px; border-radius: 50%; background: var(--ltp-tav-verde); display: grid; place-items: center; overflow: hidden; }
/* il tema allarga gli svg al 100%: qui la misura e' fissa */
.ltp-tav-icona svg { width: 30px !important; height: 30px !important; max-width: 30px; display: block; }
.ltp-tav-fascia h2 { margin: 0 0 4px; font-size: 19px; font-weight: 600; color: var(--ltp-tav-inchiostro); text-transform: none; }
.ltp-tav-fascia h2 span { color: var(--ltp-tav-verde-scuro); }
.ltp-tav-fascia p { margin: 0; color: var(--ltp-tav-testo); }
.ltp-tav-bottone { white-space: nowrap; border-radius: 99px; }
@media (max-width: 767px) {
  .ltp-tav-fascia-dentro { grid-template-columns: minmax(0, 1fr); text-align: left; }
  .ltp-tav-icona { display: none; }
  .ltp-tav-bottone { justify-self: start; }
}

/* iscrizione alla newsletter con un clic (1.1.0) */
.ltp-tav-modulo { margin: 0; }
.ltp-tav-bottone-nl { border: 0; background: none; padding: 0; cursor: pointer; }
.ltp-tav-conferma .ltp-tav-bottone-nl { background: var(--ltp-tav-verde); color: #fff; padding: 8px 18px; border-radius: 99px; margin-top: 8px; }
.ltp-tav-esito { background: #e1efd5; color: var(--ltp-tav-verde-scuro); border-radius: 6px; padding: 10px 14px; margin: 0 0 10px; font-weight: 600; }
.ltp-tav-esito-no { background: #fbe9e7; color: #9a3412; }
.ltp-tav-esci { color: #8a949a !important; font-weight: 500 !important; }

/* la fascia d'invito sotto la testata (1.2.0) */
.ltp-tav-invito { background: var(--ltp-tav-crema); border-bottom: 1px solid #e6e1d2; }
.ltp-tav-invito[hidden] { display: none !important; }
.ltp-tav-invito-dentro { max-width: 1200px; margin: 0 auto; padding: 14px 16px; display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between; }
.ltp-tav-invito-testo { flex: 1 1 520px; min-width: 0; color: var(--ltp-tav-inchiostro); font-size: 14.5px; line-height: 1.5; }
.ltp-tav-invito-testo strong { display: block; font-size: 16px; color: var(--ltp-tav-verde-scuro); }
.ltp-tav-invito-azioni { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ltp-tav-invito-si { border-radius: 99px; white-space: nowrap; }
.ltp-tav-invito-scopri { font-weight: 600; color: var(--ltp-tav-verde-scuro); white-space: nowrap; }
.ltp-tav-invito-chiudi { border: 0; background: none; font-size: 24px; line-height: 1; color: #8a949a; cursor: pointer; padding: 4px 8px; }