/* ==========================================================================
   unidprofessional.com – Tipografia comune: SCHEDA PRODOTTO + ARTICOLO BLOG
   Versione 26/10/2026 – sostituisce per intero ogni versione precedente
   (in staging: unid-customizations/unid-typography/up/assets/css/unid-typography.css)
   --------------------------------------------------------------------------
   Una sola scala di grandezze, definita una volta come variabili CSS.
   - Sezione 3: widget Elementor standard (descrizione prodotto, corpo articolo).
   - Sezione 4: pagine prodotto in HTML + CSS (OAC, programma del Master).
     Le grandezze di quelle pagine sono decise QUI: il CSS delle pagine
     non va toccato.
   Per cambiare le grandezze in futuro si modificano SOLO le variabili.
   Caricare come file del tema figlio, DOPO i CSS di Elementor e dopo style.css.
   Non tocca la sezione d'acquisto (.sp) né le card di categoria (.spc).
   ========================================================================== */

/* ---------- 1. Scala (desktop) ------------------------------------------- */
body.single-product,
body.single-post {
  --unid-fs-h2: 26px;        /* H2 nel testo degli articoli; titolo iniziale delle pagine HTML */
  --unid-fs-h3: 22px;        /* H3 articoli e titoli di sezione delle schede   */
  --unid-fs-h4: 19px;        /* titoli minori: sempre PIÙ GRANDI del testo     */
  --unid-fs-body: 17px;      /* testo di lettura: paragrafi, elenchi, FAQ      */
  --unid-fs-table: 16px;     /* celle delle tabelle                            */
  --unid-fs-small: 15px;     /* testi brevi in box e card, descrizioni         */
  --unid-fs-caption: 14px;   /* note, avvertenze, testi legali: MINIMO per frasi */
  --unid-fs-label: 13px;     /* solo etichette di 1-3 parole (tag, numeri, sopratitoli) */
  --unid-fs-display: 28px;   /* numeri in evidenza (ore, valori)               */

  --unid-lh-body: 1.65;
  --unid-lh-small: 1.55;
  --unid-lh-heading: 1.3;
}

/* ---------- 2. Scala (mobile, fino a 767px) ------------------------------ */
@media (max-width: 767px) {
  body.single-product,
  body.single-post {
    --unid-fs-h2: 22px;
    --unid-fs-h3: 20px;
    --unid-fs-h4: 18px;
    --unid-fs-body: 16px;
    --unid-fs-table: 15px;
    --unid-fs-small: 15px;
    --unid-fs-caption: 14px;
    --unid-fs-label: 13px;
    --unid-fs-display: 24px;
    --unid-lh-body: 1.6;
  }
}