/*!
 * Supermail Center · pagine web di lista (frontend)
 *
 * MailWizz 3.0.5 carica questo file da solo, subito dopo assets/css/skin-blue.css, in tutte le
 * pagine del frontend. Le regole valgono solo per le pagine di lista che vedono i contatti dei
 * clienti (iscrizione, conferme, aggiornamento dei dati, disiscrizione): «Blocca indirizzo» e
 * il resto del frontend pubblico sono esclusi e verranno trattati a parte.
 *
 * Versione: 2026-09-19 · pacchetto supermail-tema-20260919
 */

/* Palette: gli stessi valori del tema dell'interfaccia (vedi ritocca-colore.sh). */
:root {
  --smc-antracite: #2c3038;
  --smc-malva: #a774a7;
  --smc-malva-testo: #835383;
  --smc-malva-testo-rgb: 131, 83, 131;
  --smc-malva-hover: #6d456d;
  --smc-tinta: #f6eff6;
  --smc-rubino: #c33a52;
  --smc-rubino-rgb: 195, 58, 82;
  --smc-rubino-tinta: #fcf0f3;
  --smc-ambra: #e08a0b;
  --smc-ambra-tinta: #fdf4e6;
  --smc-testo: #333333;
  --smc-campo: #f7f7f8;
  --smc-campo-focus: #efeff1;
  --smc-bordo: #e6e6e6;
  --smc-bordo-campo: #dddddf;
  --smc-segnaposto: #8f9298;
  --smc-font: Verdana, Geneva, Roboto, Arial, sans-serif;
}

body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) {
  --mz-primary: var(--smc-malva-testo);
  --mz-active-primary: var(--smc-malva-hover);
  --mz-primary-rgb: var(--smc-malva-testo-rgb);
  --mz-danger: var(--smc-rubino);
  --mz-danger-rgb: var(--smc-rubino-rgb);
  --mz-warning: var(--smc-ambra);
  --mz-input-color: var(--smc-campo);
  --mz-input-focus-color: var(--smc-campo-focus);
  --mz-input-border-color: var(--smc-bordo-campo);
  --mz-placeholder-color: var(--smc-segnaposto);
  font-family: var(--smc-font);
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) :is(h1, h2, h3, h4, h5, h6, p, a, label, input, textarea, select, button, li, td, th, .btn, .box-title, .callout, .form-control, .help-block, .errorMessage) {
  font-family: var(--smc-font);
}

/* Riquadro */
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .box {
  border: 1px solid var(--smc-bordo);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

/* Titolo con il quadrato malva delle email. Senza fondo né bordo anche quando il cliente li
 * imposta nella pagina (per esempio LISTA 1). */
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .box-header .box-title {
  color: var(--smc-antracite);
  font-size: 20px;
  font-weight: 700;
  background: transparent !important;
  border-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .box-header .box-title::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 12px;
  vertical-align: 1px;
  background: var(--smc-malva);
}

/* Riquadro informativo come nelle email. Gli <span> prendono il colore del testo: il core dà a
 * ogni <span> il grigio chiaro della barra laterale (regola ".skin-blue span"). */
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .callout.callout-info {
  background: var(--smc-tinta) !important;
  color: var(--smc-testo) !important;
  border: 0;
  border-left: 4px solid var(--smc-malva);
  border-radius: 0;
  font-size: 14px;
  line-height: 22px;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .callout span {
  color: inherit !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .callout.callout-info a {
  color: var(--smc-malva-testo);
  font-weight: 400;
  text-decoration: underline;
}

/* Messaggi di esito ed errore che MailWizz mostra sopra il riquadro. */
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .alert {
  border: 0;
  border-left: 4px solid;
  border-radius: 0 !important;
  color: var(--smc-testo) !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) :is(.alert-success, .alert-info) {
  background-color: var(--smc-tinta) !important;
  border-left-color: var(--smc-malva) !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .alert-warning {
  background-color: var(--smc-ambra-tinta) !important;
  border-left-color: var(--smc-ambra) !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) :is(.alert-danger, .alert-error) {
  background-color: var(--smc-rubino-tinta) !important;
  border-left-color: var(--smc-rubino) !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .alert :is(span, a) {
  color: inherit !important;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .alert .close {
  color: var(--smc-testo);
  opacity: .45;
  text-shadow: none;
}

/* Pulsanti (iscrizione, salvataggio, disiscrizione) */
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) :is(.btn-primary, .btn-default) {
  background: var(--smc-malva-testo);
  border-color: var(--smc-malva-testo);
  border-radius: 6px;
  color: #ffffff;
  font-weight: 700;
  padding: 8px 22px;
}
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) :is(.btn-primary, .btn-default):is(:hover, :focus) {
  background: var(--smc-malva-hover);
  border-color: var(--smc-malva-hover);
  color: #ffffff;
}

/* Campi */
body.ctrl-lists:not(.act-block_address, .act-block_address_confirmation) .form-control:focus {
  border-color: var(--smc-malva);
}