/* scritti.css — le pagine di testo della vetrina: articoli, elenco, contatti, privacy.
   Stessi caratteri e colori di banco.css; qui c'è solo quello che una pagina da
   leggere chiede in più: una colonna stretta, titoli di sezione, liste, tabelle. */

/* ── la colonna: si legge dal telefono in pausa, 64 caratteri al massimo ── */
.tmv-colonna{ position:relative; z-index:1; max-width:50rem; margin-inline:auto; }
/* l'articolo sta al centro: la vetrina è allineata a sinistra perché a destra ha foto e disegni,
   un articolo a destra ha solo il vuoto (visto da Luciano su schermo largo il 21/09/2026) */
.tmv-scritto-tit{ font-size:clamp(2.1rem,5.2vw,3.6rem); line-height:1.06; max-width:22ch; }
.tmv-articolo-meta{ margin:1rem 0 0; font-size:.875rem; letter-spacing:.04em; color:var(--ba-ink-3); }
.ba-etichetta a{ color:inherit; text-decoration:none; }
.ba-etichetta a:hover{ color:var(--ba-accento); }
.tmv-scritto-foto{ margin:2.2rem 0 0; }
.tmv-scritto-foto img{ display:block; width:100%; height:auto; border-radius:4px; }

/* ── il testo dell'articolo ── */
.tmv-testo{ margin-top:2.4rem; font-size:clamp(1.05rem,1.1vw,1.15rem); line-height:1.72; color:var(--ba-ink); }
.tmv-testo > * + *{ margin-top:1.1em; }
.tmv-testo p{ margin-bottom:0; max-width:72ch; } /* 72 e non di più: oltre, a capo si perde la riga */
.tmv-testo h2{ font-family:var(--ba-display); font-weight:500; font-size:clamp(1.55rem,2.6vw,2.05rem);
  line-height:1.15; margin:2.4em 0 0; max-width:32ch; color:var(--ba-ink-forte); }
.tmv-testo h3{ font-family:var(--ba-testo); font-weight:600; font-size:1.05em; margin:1.8em 0 0; }
.tmv-testo h2 + *, .tmv-testo h3 + *{ margin-top:.7em; }
.tmv-testo strong, .tmv-testo b{ font-weight:600; color:var(--ba-ink-forte); }
.tmv-testo a{ color:var(--ba-accento); text-decoration-thickness:1px; text-underline-offset:.2em; }
.tmv-testo a:hover{ text-decoration-thickness:2px; }
.tmv-testo ul, .tmv-testo ol{ padding-left:1.25em; max-width:70ch; }
.tmv-testo li + li{ margin-top:.45em; }
.tmv-testo li::marker{ color:var(--ba-accento); }
.tmv-testo blockquote{ margin-left:0; padding-left:1.2rem; border-left:2px solid var(--ba-accento);
  font-family:var(--ba-display); font-size:1.2em; line-height:1.45; }
.tmv-testo hr{ border:0; border-top:1px solid var(--ba-filo-vivo); margin:2.4em 0; }
/* le tabelle scorrono di lato sul telefono invece di stringere le colonne a una parola per riga */
.tmv-testo .wp-block-table, .tmv-tabella{ overflow-x:auto; margin-left:0; margin-right:0; }
.tmv-testo table{ border-collapse:collapse; width:100%; min-width:30rem; font-size:.95em; line-height:1.5; }
.tmv-testo th, .tmv-testo td{ text-align:left; vertical-align:top; padding:.6em .8em .6em 0; border-bottom:1px solid var(--ba-filo-vivo); }
.tmv-testo th{ font-weight:600; font-size:.8em; letter-spacing:.12em; text-transform:uppercase; color:var(--ba-ink-3); }
/* le fonti in fondo: piccole, ma cliccabili */
.tmv-testo h2#fonti, .tmv-testo h2#fonti ~ *{ font-size:.9rem; }
.tmv-testo h2#fonti{ font-family:var(--ba-testo); font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ba-ink-3); margin-top:3.5em; padding-top:1.4em; border-top:1px solid var(--ba-filo-vivo); }
.tmv-testo h2#fonti ~ ul li{ overflow-wrap:anywhere; }

/* ── l'elenco degli articoli ── */
.tmv-articoli{ list-style:none; margin:clamp(2.4rem,5vh,3.6rem) 0 0; padding:0; border-top:1px solid var(--ba-filo-vivo); max-width:52rem; }
.tmv-articolo-voce{ border-bottom:1px solid var(--ba-filo-vivo); }
.tmv-articolo-voce a{ display:grid; gap:.45rem; padding:1.5rem 0; text-decoration:none; color:inherit; }
.tmv-articolo-tit{ font-family:var(--ba-display); font-weight:500; font-size:clamp(1.35rem,2.4vw,1.8rem); line-height:1.18; transition:color .3s; }
.tmv-articolo-voce a:hover .tmv-articolo-tit{ color:var(--ba-accento); }
.tmv-articolo-sunto{ font-size:1rem; line-height:1.6; color:var(--ba-ink-2); max-width:60ch; }
.tmv-articolo-voce .tmv-articolo-meta{ margin:0; }
.tmv-altri{ padding-top:0; }
.nav-links{ display:flex; gap:2rem; margin-top:2rem; }
.nav-links a{ color:var(--ba-accento); }

/* ── il modulo di contatto ── */
.tmv-modulo{ margin-top:clamp(2rem,4.5vh,3rem); max-width:44rem; display:grid; gap:1.25rem; }
.tmv-modulo-riga{ display:grid; gap:1.25rem; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); }
.tmv-campo{ display:grid; gap:.4rem; }
.tmv-campo > span{ font-size:.8rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ba-ink-2); }
.tmv-campo small{ font-weight:350; letter-spacing:0; text-transform:none; color:var(--ba-ink-3); margin-left:.4em; font-size:.95em; }
.tmv-campo input, .tmv-campo textarea{
  font:inherit; font-size:16px; /* sotto i 16px iOS ingrandisce la pagina al tocco */
  color:var(--ba-ink); background:var(--ba-foglio); border:1px solid var(--ba-filo);
  border-radius:4px; padding:.8rem .9rem; min-height:48px; width:100%; box-sizing:border-box;
  transition:border-color .2s, box-shadow .2s; }
.tmv-campo textarea{ resize:vertical; min-height:8rem; line-height:1.55; }
.tmv-campo input:focus, .tmv-campo textarea:focus{ outline:none; border-color:var(--ba-ceralacca);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--ba-ceralacca) 18%, transparent); }
.tmv-consenso{ display:flex; gap:.7rem; align-items:flex-start; font-size:.95rem; line-height:1.5; color:var(--ba-ink-2); cursor:pointer; }
.tmv-consenso input{ width:22px; height:22px; margin:.1rem 0 0; accent-color:var(--ba-ceralacca); flex:none; }
.tmv-consenso a{ color:var(--ba-accento); }
.tmv-invia{ justify-self:start; background:none; border:0; border-bottom:1px solid var(--ba-filo-vivo);
  font:inherit; font-size:.875rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ba-ink); cursor:pointer; padding:.62rem 0 .66rem; min-height:44px; }
.tmv-trappola{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.tmv-modulo-errore{ margin:0; padding:.8rem 1rem; border-left:2px solid var(--ba-ceralacca);
  background:color-mix(in srgb, var(--ba-ceralacca) 7%, transparent); color:var(--ba-ink); }
.tmv-modulo-fatto{ margin-top:clamp(2rem,4.5vh,3rem); padding:1.6rem 1.8rem; max-width:40rem;
  border-top:2px solid var(--ba-ceralacca); background:rgba(33,30,25,.035); }
.tmv-modulo-fatto p{ margin:0; font-size:1.05rem; line-height:1.6; color:var(--ba-ink-2); }
.tmv-modulo-fatto .tmv-modulo-fatto-tit{ font-family:var(--ba-display); font-size:clamp(1.6rem,3vw,2.2rem); color:var(--ba-ink-forte); margin-bottom:.4rem; }
.tmv-contatti-diretto{ margin-top:2rem; font-size:.95rem; color:var(--ba-ink-3); }
.tmv-contatti-diretto a{ color:var(--ba-accento); }

/* il piede: i link a privacy e cookie prendono il colore del testo intorno */
.ba-piede a{ color:inherit; }