/* Ingressi dei configuratori Bottelli — issue #29.
   Un'unica sorgente per hub, strumenti statici e pagine WordPress. Gli accenti
   identificano la categoria; errori, avvisi e stati mantengono i propri colori. */
:root{
  --tb-cat-pdc:#B5050F;--tb-cat-pdc-soft:#fff1f2;
  --tb-cat-radiatori:#5A287C;--tb-cat-radiatori-soft:#f5eff9;
  --tb-cat-radiante:#1F6B32;--tb-cat-radiante-soft:#e6f7ea;
  --tb-cat-solare:#B65A00;--tb-cat-solare-soft:#fff0df;
  --tb-cat-fv:#E3B423;--tb-cat-fv-ink:#523D00;--tb-cat-fv-soft:#fff9df;
  --tb-cat-clima:#16549A;--tb-cat-clima-soft:#edf5ff;
  --tb-cat-vmc:#0D7797;--tb-cat-vmc-soft:#eaf8fc;
}
[data-tb-category="pdc"]{--tb-category:var(--tb-cat-pdc);--tb-category-soft:var(--tb-cat-pdc-soft);--tb-category-ink:#fff}
[data-tb-category="radiatori"]{--tb-category:var(--tb-cat-radiatori);--tb-category-soft:var(--tb-cat-radiatori-soft);--tb-category-ink:#fff}
[data-tb-category="radiante"]{--tb-category:var(--tb-cat-radiante);--tb-category-soft:var(--tb-cat-radiante-soft);--tb-category-ink:#fff}
[data-tb-category="solare"]{--tb-category:var(--tb-cat-solare);--tb-category-soft:var(--tb-cat-solare-soft);--tb-category-ink:#fff}
[data-tb-category="fv"]{--tb-category:var(--tb-cat-fv);--tb-category-soft:var(--tb-cat-fv-soft);--tb-category-ink:var(--tb-cat-fv-ink)}
[data-tb-category="clima"]{--tb-category:var(--tb-cat-clima);--tb-category-soft:var(--tb-cat-clima-soft);--tb-category-ink:#fff}
[data-tb-category="vmc"]{--tb-category:var(--tb-cat-vmc);--tb-category-soft:var(--tb-cat-vmc-soft);--tb-category-ink:#fff}

/* L'hub usa la palette solo per le schede: stato e testo sono leggibili anche
   senza distinguere i colori. Il giallo FV porta sempre testo scuro. */
.tb-hub .tb-card[data-tb-category]{border-top-color:var(--tb-category)}
.tb-hub .tb-card[data-tb-category] .tb-stato{background:var(--tb-category-soft);color:var(--tb-category)}
.tb-hub .tb-card[data-tb-category="solare"] .tb-stato{color:#9A4C00}
.tb-hub .tb-card[data-tb-category="fv"] .tb-stato{color:var(--tb-cat-fv-ink)}
.tb-hub .tb-card[data-tb-category] .tb-lista li::before{background:var(--tb-category);opacity:1}
.tb-hub .tb-card[data-tb-category] .tb-azione{background:var(--tb-category);color:var(--tb-category-ink)!important}
.tb-hub .tb-card[data-tb-category] .tb-azione:hover,
.tb-hub .tb-card[data-tb-category] .tb-azione:focus-visible{filter:brightness(.88);text-decoration:underline!important;text-underline-offset:3px}
.tb-hub .tb-card[data-tb-category] .tb-azione:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
.tb-hub .tb-prima{margin:0 0 16px;font-size:14px;line-height:1.5;color:#373737}

/* La stessa struttura introduttiva compare davanti al calcolo. Le dimensioni
   sono in px per non ereditare html{font-size:10px} del tema WordPress. */
.tb-ingresso{box-sizing:border-box;max-width:1160px;margin:18px auto 26px;padding:20px;
  border:1px solid #d6d6d6;border-top:5px solid var(--tb-category,#B5050F);
  border-radius:12px;background:var(--tb-category-soft,#fff1f2);color:#1a1a1a;
  font:400 16px/1.55 Montserrat,-apple-system,BlinkMacSystemFont,sans-serif}
.tb-ingresso *{box-sizing:border-box}
.tb-ingresso .tb-ingresso-titolo{margin:0 0 10px;color:#1a1a1a;font-size:22px;font-weight:800;line-height:1.25}
.tb-ingresso .tb-ingresso-scopo{margin:0 0 14px;max-width:76ch}
.tb-ingresso dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.tb-ingresso dl>div{min-width:0;padding:12px 14px;border:1px solid #ddd;border-radius:8px;background:#fff}
.tb-ingresso dt{margin:0 0 4px;font-size:14px;font-weight:800;color:#1a1a1a}
.tb-ingresso dd{margin:0;font-size:14px;line-height:1.5;color:#333;overflow-wrap:anywhere}
.tb-ingresso .tb-ingresso-privacy{margin:0 0 16px;font-size:14px;line-height:1.5;color:#333}
.tb-ingresso .tb-ingresso-privacy a{color:#163f77;text-decoration:underline}
.tb-ingresso .tb-ingresso-azione{display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:10px 18px;border-radius:8px;background:var(--tb-category,#B5050F);
  color:var(--tb-category-ink,#fff)!important;font-size:15px;font-weight:800;
  line-height:1.3;text-align:center;text-decoration:none!important}
.tb-ingresso .tb-ingresso-azione:hover{text-decoration:underline!important;text-underline-offset:3px}
.tb-ingresso .tb-ingresso-azione:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
.tb-ingresso .tb-ingresso-ritorno{display:inline-flex;align-items:center;min-height:44px;margin-left:14px;
  color:#163f77;text-decoration:underline;font-size:14px;font-weight:700}
.tb-ingresso .tb-ingresso-ritorno:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
@media(max-width:640px){.tb-ingresso{margin:14px 16px 24px;padding:16px}.tb-ingresso dl{grid-template-columns:1fr}
  .tb-ingresso .tb-ingresso-azione,.tb-ingresso .tb-ingresso-ritorno{display:flex;width:100%;margin:0 0 6px}}