/*
Theme Name: Hello Child EG
Theme URI: https://egconsulentedigitale.it
Description: Child theme di Hello Elementor per i siti EG Consulente Digitale. Contiene preload hero per LCP e regole globali.
Author: Emanuela Silvia Gabriele
Author URI: https://egconsulentedigitale.it
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child-eg
*/


/* ===============================
   LINK NEI TESTI (Elementor + Gutenberg)
   ------------------------------------------------
   Obiettivo:
   - Link nei paragrafi sempre sottolineati (chiarezza UX)
   Copre:
   - Elementor: widget Editor di testo
   - WordPress: contenuto articolo (entry-content)
   - Elementor Theme Builder: Post Content
   ================================ 

.elementor-widget-text-editor a,
.entry-content a,
.elementor-widget-theme-post-content a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
}
*/




/* per ereditare FONT DA WOFF2 locali
body, p, a, li, span, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
}
h1 {
  font-family: 'Bodoni Moda', serif;
}
*/



/* ============================
   PULSANTI (Elementor + Gutenberg)
   -------------------------------------------
   Obiettivo:
   - Mai sottolineatura sui pulsanti/CTA
   Copre:
   - Elementor Button
   - Gutenberg Button block
   Nota:
   - !important serve perché Gutenberg/tema possono forzare stili sui button link
   ============================ */

.elementor-button,
.elementor-button a,
.wp-block-button__link {
  text-decoration: none !important;
}









/* ============================================================
   SPAZIATURE BLOG
   ============================================================

   DA ATTIVARE SOLO SE IL SITO HA UN BLOG.

   CASO 1 — ARTICOLO SINGOLO CREATO CON ELEMENTOR
   Se usi Elementor Theme Builder > Articolo singolo
   con il widget Post Content, usa:
   .elementor-widget-theme-post-content

   CASO 2 — ARTICOLO GESTITO DIRETTAMENTE DA HELLO/GUTENBERG
   Se NON usi Elementor per il template Articolo singolo,
   usa:
   .page-content

   Per attivare uno dei due blocchi, rimuovere
   /* e *\/ che lo racchiudono.
   ============================================================ */


/* ============================================================
   CASO 1 — ELEMENTOR THEME BUILDER + POST CONTENT

.elementor-widget-theme-post-content h2 {
    margin: 3rem 0 2.5rem 0;
}

.elementor-widget-theme-post-content h3 {
    margin: 2rem 0 0.75rem 0;
}

.elementor-widget-theme-post-content h4 {
    margin: 2rem 0 0.75rem 0;
}

.elementor-widget-theme-post-content p {
    margin-bottom: 1.25rem;
    line-height: 1.7;
}

.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin: 1.25rem 0 2rem 1.5rem;
}

.elementor-widget-theme-post-content li {
    margin-bottom: 0.5rem;
}

============================================================ */


/* ============================================================
   CASO 2 — HELLO / GUTENBERG SENZA TEMPLATE ELEMENTOR

.page-content h2 {
    margin: 2.5rem 0 1rem;
}

.page-content h3 {
    margin: 2rem 0 0.75rem;
}

.page-content h4 {
    margin: 2rem 0 0.75rem;
}

.page-content p {
    margin-bottom: 1.25rem;
    line-height: 1.7;
}

.page-content ul,
.page-content ol {
    margin: 1.25rem 0 2rem 1.5rem;
}

.page-content li {
    margin-bottom: 0.5rem;
}

============================================================ */


/* ============================================================
   TIPOGRAFIA GUTENBERG
   ============================================================

   SEMPRE ATTIVA.

   Utilizzata per tutti i contenuti creati direttamente
   con Gutenberg, comprese Privacy Policy, Cookie Policy,
   pagine informative ed eventuali articoli.

   La famiglia del font viene ereditata dalle impostazioni
   globali del sito.

   DESKTOP
   Testo  16px
   H1     40px
   H2     35px
   H3     30px
   H4     25px
   H5     20px
   H6     16px

   TABLET
   H1     36px
   H2     32px
   H3     28px
   H4     24px
   H5     20px
   H6     16px

   MOBILE
   H1     32px
   H2     28px
   H3     25px
   H4     22px
   H5     19px
   H6     16px
   ============================================================ */


/* ============================================================
   FRONTEND — CONTENUTI GUTENBERG
   ============================================================ */

.page-content {
    font-size: 16px;
    font-weight: 400;
}

.page-content h1 {
    font-size: 40px;
    font-weight: 700;
}

.page-content h2 {
    font-size: 35px;
    font-weight: 700;
}

.page-content h3 {
    font-size: 30px;
    font-weight: 700;
}

.page-content h4 {
    font-size: 25px;
    font-weight: 700;
}

.page-content h5 {
    font-size: 20px;
    font-weight: 700;
}

.page-content h6 {
    font-size: 16px;
    font-weight: 700;
}


/* ============================================================
   EDITOR GUTENBERG
   ============================================================

   Mantiene nell'editor le dimensioni desktop.
   Il responsive viene applicato solo al frontend.
   ============================================================ */

.editor-styles-wrapper {
    font-size: 16px;
    font-weight: 400;
}

.editor-styles-wrapper h1 {
    font-size: 40px;
    font-weight: 700;
}

.editor-styles-wrapper h2 {
    font-size: 35px;
    font-weight: 700;
}

.editor-styles-wrapper h3 {
    font-size: 30px;
    font-weight: 700;
}

.editor-styles-wrapper h4 {
    font-size: 25px;
    font-weight: 700;
}

.editor-styles-wrapper h5 {
    font-size: 20px;
    font-weight: 700;
}

.editor-styles-wrapper h6 {
    font-size: 16px;
    font-weight: 700;
}


/* ============================================================
   TABLET — FINO A 1024px
   ============================================================ */

@media (max-width: 1024px) {

    .page-content h1 {
        font-size: 36px;
    }

    .page-content h2 {
        font-size: 32px;
    }

    .page-content h3 {
        font-size: 28px;
    }

    .page-content h4 {
        font-size: 24px;
    }

}


/* ============================================================
   MOBILE — FINO A 767px
   ============================================================ */

@media (max-width: 767px) {

    .page-content h1 {
        font-size: 32px;
    }

    .page-content h2 {
        font-size: 28px;
    }

    .page-content h3 {
        font-size: 25px;
    }

    .page-content h4 {
        font-size: 22px;
    }

    .page-content h5 {
        font-size: 19px;
    }

    /* H6 e testo base rimangono a 16px */
}