/* ds-lint-ignore: colore-hardcoded -- Questo NON e' un foglio di stile di Odino: e' il foglio
   del CONTENUTO PUBBLICATO, quello che accompagna la scheda prodotto sul sito T3, dove i token
   di Odino non esistono. I suoi colori di ripiego devono percio' essere letterali; il tema
   figlio del sito li sostituisce ridefinendo le variabili --odn-*. Decisione D3 del lavoro
   builder_scheda_prodotto: struttura di Odino, pelle del canale. */

/* ==========================================================================
   odino-blocks.css - il contenuto a blocchi, come si vede sul sito
   Generato e versionato in Odino. Copiato nel plugin odino-bridge.
   REGOLA: non si modifica sul server a mano. Si ripubblica.
   ========================================================================== */

.odn{
  /* La pelle: il tema del sito ridefinisce queste, e i blocchi lo seguono.
     Se non lo fa, restano leggibili con valori neutri. */
  --odn-fg:#1a1a1a;
  --odn-muted:#5b5b5b;
  --odn-line:#e2e2e2;
  --odn-surface:#f6f6f6;
  --odn-accent:#1a1a1a;
  --odn-radius:8px;
  --odn-font:inherit;
  --odn-font-title:inherit;

  color:var(--odn-fg);
  font-family:var(--odn-font);
  line-height:1.6;
}

/* Struttura */
.odn-sp-s{margin:8px 0}
.odn-sp-m{margin:18px 0}
.odn-sp-l{margin:34px 0}
.odn-al-s{text-align:left}
.odn-al-c{text-align:center}
.odn-al-d{text-align:right}
.odn-section{padding:0}
.odn-section.odn-bg-soft{background:var(--odn-surface);padding:22px;border-radius:var(--odn-radius)}
.odn-section.odn-bg-solid{background:var(--odn-fg);color:#fff;padding:22px;border-radius:var(--odn-radius)}
.odn-cols{display:grid;gap:22px}
.odn-cols.odn-col-2{grid-template-columns:repeat(2,1fr)}
.odn-cols.odn-col-3{grid-template-columns:repeat(3,1fr)}
.odn-sep{border:0;border-top:1px solid var(--odn-line)}
.odn-spacer{height:1px}
.odn-spacer.odn-sp-s{height:10px;margin:0}
.odn-spacer.odn-sp-m{height:24px;margin:0}
.odn-spacer.odn-sp-l{height:48px;margin:0}

/* Testo */
.odn-heading{font-family:var(--odn-font-title);line-height:1.25;margin:0 0 10px}
h2.odn-heading{font-size:1.5rem}
h3.odn-heading{font-size:1.22rem}
h4.odn-heading{font-size:1.05rem}
.odn-text p{margin:0 0 10px}
.odn-text a{color:inherit;text-decoration:underline}
.odn-list{padding-left:20px}
.odn-list li{margin:4px 0}
.odn-callout{border-left:3px solid var(--odn-accent);background:var(--odn-surface);
  padding:14px 16px;border-radius:var(--odn-radius)}
.odn-callout-t{display:block;margin-bottom:4px}
.odn-missing{color:#a33;font-style:italic}

/* Media */
.odn-img{margin:18px 0}
.odn-img img{width:100%;height:auto;display:block;border-radius:var(--odn-radius)}
.odn-img.odn-w-half{max-width:50%}
.odn-img.odn-w-in{max-width:720px;margin-left:auto;margin-right:auto}
.odn-img figcaption{margin-top:6px;font-size:.86rem;color:var(--odn-muted)}
.odn-gallery{display:grid;gap:10px}
.odn-gallery.odn-col-2{grid-template-columns:repeat(2,1fr)}
.odn-gallery.odn-col-3{grid-template-columns:repeat(3,1fr)}
.odn-gallery.odn-col-4{grid-template-columns:repeat(4,1fr)}
.odn-gallery img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--odn-radius)}

/* Dati */
/* Le righe separate da 1px: la linea non e' lo sfondo del contenitore ma un bordo
   di ogni cella (box-shadow, che non occupa spazio e si sovrappone esatto nel gap).
   ATTENZIONE: con lo sfondo sul contenitore, un numero DISPARI di voci su due colonne lasciava
   scoperto un rettangolo grigio grande quanto una cella — visto sul sito il 2026-08-30,
   sulla prima scheda pubblicata davvero. */
.odn-specs dl{display:grid;gap:1px;background:#fff;border:1px solid var(--odn-line);
  border-radius:var(--odn-radius);overflow:hidden;margin:0}
.odn-specs.odn-col-2 dl{grid-template-columns:repeat(2,1fr)}
.odn-spec{display:flex;justify-content:space-between;gap:14px;background:#fff;padding:9px 14px;
  box-shadow:0 0 0 1px var(--odn-line)}
.odn-spec dt{color:var(--odn-muted);margin:0}
.odn-spec dd{margin:0;text-align:right}
.odn-spec-img{max-width:120px;height:auto;border-radius:4px;display:block;margin-left:auto}
.odn-specs-t{margin:0 0 10px;font-family:var(--odn-font-title)}
/* Un dato singolo dell'anagrafica: etichetta a sinistra, valore a destra. */
.odn-field{display:flex;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid var(--odn-line)}
.odn-field-eti{color:var(--odn-muted)}
.odn-field-val{font-weight:600;text-align:right}

.odn-tablewrap{overflow-x:auto}
.odn-table{width:100%;border-collapse:collapse}
.odn-table th,.odn-table td{border:1px solid var(--odn-line);padding:8px 12px;text-align:left}
.odn-table th{background:var(--odn-surface);font-weight:600}

/* Sui telefoni le colonne si impilano: una scheda non deve poter essere configurata
   per restare illeggibile su un telefono, quindi non e' una scelta del blocco. */
@media (max-width:760px){
  .odn-cols.odn-col-2,.odn-cols.odn-col-3{grid-template-columns:1fr}
  .odn-specs.odn-col-2 dl{grid-template-columns:1fr}
  .odn-gallery.odn-col-3,.odn-gallery.odn-col-4{grid-template-columns:repeat(2,1fr)}
  .odn-img.odn-w-half{max-width:100%}
}