/* Originale Widget HTML Single Post/3156:3ff6dc3 (secondo style) */
/* ==========================================================
   LR SOOMI — ARTICLE CONTENT
   Version: 1.4.1 Final

   UNICA CLASSE
   lr-soomi-article-content

   STRUTTURA GESTITA
   - kicker Elementor in formato <span>;
   - Post Title Elementor in formato <h1>;
   - Post Content WordPress;
   - titoli H2–H6;
   - paragrafi, liste, citazioni e link.

   PRINCIPI
   - nessuna modifica ai Global Fonts;
   - nessuna classe aggiuntiva;
   - dimensioni visuali in vw;
   - line-height senza unità;
   - colore Global Secondary;
   - nessun !important.
   ========================================================== */


/* ==========================================================
   01. CONFIGURAZIONE
   ========================================================== */

.lr-soomi-article-content {
    --lr-article-h1: 2vw;
    --lr-article-h2: 1.7vw;
    --lr-article-h3: 1.5vw;
    --lr-article-h4: 1.4vw;
    --lr-article-h5: 1.3vw;
    --lr-article-h6: 1.2vw;
    --lr-article-body: 1.2vw;

    font-family: "Montserrat", sans-serif;
    font-size: var(--lr-article-body);
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--e-global-color-secondary);
}


/* ==========================================================
   02. COLORE

   Comprende anche:
   - il kicker Elementor;
   - il Post Title;
   - il contenuto WordPress;
   - link e testi evidenziati.

   La tipografia del kicker continua a essere gestita
   esclusivamente dal pannello Elementor.
   ========================================================== */

.lr-soomi-article-content
:is(
    .elementor-heading-title,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    blockquote,
    figcaption,
    cite,
    small,
    td,
    th,
    strong,
    b,
    em,
    span,
    a
) {
    color: var(--e-global-color-secondary);
}


/* ==========================================================
   03. CORPO ARTICOLO
   ========================================================== */

.lr-soomi-article-content
:where(
    p,
    li,
    blockquote,
    figcaption,
    cite,
    small,
    td,
    th
) {
    font-family: "Montserrat", sans-serif;
    font-size: var(--lr-article-body);
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}


/* Enfasi interne al contenuto. */

.lr-soomi-article-content
:where(
    strong,
    b
) {
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}


/* ==========================================================
   04. TITOLI

   Il selettore specifico dell’H1 prevale sugli stili
   globali applicati da Elementor al Post Title.
   ========================================================== */

.lr-soomi-article-content
h1.elementor-heading-title,

.lr-soomi-article-content
:is(
    h2,
    h3,
    h4,
    h5,
    h6
) {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    color: var(--e-global-color-secondary);
}


/* ==========================================================
   05. SCALA DEI TITOLI
   ========================================================== */

.lr-soomi-article-content h1,
.lr-soomi-article-content h1.elementor-heading-title {
    font-size: var(--lr-article-h1);
}

.lr-soomi-article-content h2 {
    font-size: var(--lr-article-h2);
}

.lr-soomi-article-content h3 {
    font-size: var(--lr-article-h3);
}

.lr-soomi-article-content h4 {
    font-size: var(--lr-article-h4);
}

.lr-soomi-article-content h5 {
    font-size: var(--lr-article-h5);
}

.lr-soomi-article-content h6 {
    font-size: var(--lr-article-h6);
}


/* ==========================================================
   06. MARGINI
   ========================================================== */

.lr-soomi-article-content
:where(
    .wp-block-group,
    p
) {
    margin-block-start: 0;
    margin-block-end: 1.2rem;
}


.lr-soomi-article-content
h1.elementor-heading-title,

.lr-soomi-article-content
:is(
    h2,
    h3,
    h4,
    h5,
    h6
) {
    margin-block-start: 0.5rem;
    margin-block-end: 1.2rem;
}

.lr-soomi-article-content
.wp-block-list
:is(dd, dl, dt, li, ol, ul) {
    margin-block-end: 1rem;
    margin-block-start: 1rem;
}


/* ==========================================================
   07. LINK
   ========================================================== */

.lr-soomi-article-content a {
    color: var(--e-global-color-secondary);
}


.lr-soomi-article-content
a:is(
    :hover,
    :focus,
    :focus-visible,
    :active,
    :visited
) {
    color: var(--e-global-color-secondary);
}


/* ==========================================================
   08. TABLET — FINO A 1024PX
   ========================================================== */

@media (max-width: 1024px) {

    .lr-soomi-article-content {
        --lr-article-h1: 4vw;
        --lr-article-h2: 3.4vw;
        --lr-article-h3: 3vw;
        --lr-article-h4: 2.8vw;
        --lr-article-h5: 2.6vw;
        --lr-article-h6: 2.4vw;
        --lr-article-body: 2.4vw;
    }
}


/* ==========================================================
   09. MOBILE — FINO A 767PX
   ========================================================== */

@media (max-width: 767px) {

    body .is-layout-flex {
        flex-direction: column;
    }
    
    .lr-soomi-article-content {
        --lr-article-h1: 8vw;
        --lr-article-h2: 6.8vw;
        --lr-article-h3: 6vw;
        --lr-article-h4: 5.6vw;
        --lr-article-h5: 5.2vw;
        --lr-article-h6: 4.8vw;
        --lr-article-body: 4.8vw;
    }
}