/* * AUTO-GENERATED CSS
 * Version: 2 Standard (Fluid Typography Applied)
 * Base Font Size: 18px (1rem)
 */

html { font-size: 18px !important; }

:root {
    /* Colors */
    --osm-morning-mist: #CFDFDC;
    --osm-morning-mist-20: rgba(207, 223, 220, 0.2);
    --osm-morning-mist-33: rgba(207, 223, 220, 0.33);
    --osm-cerulean: #00738A;
    --osm-cerulean-66: #00738AA8;

    /* * FLUID TYPOGRAPHY SCALE (Clamp)
     * Vzorec: clamp(MIN_VEĽKOSŤ, KRIVKA_RASTU, MAX_VEĽKOSŤ)
     */

    /* H1 - Main Headline (Mobil: 42px -> Desktop: 96px) */
    --osm-h1-family: "Merchant", serif;
    --osm-h1-size: clamp(2rem, 5.6250vw + 1.3333rem, 5.3333rem);
    /*--osm-h1-size: clamp(1.8rem, 4.5vw + 1rem, 5.3333rem);*/
    --osm-h1-weight: 200;
    --osm-h1-lh: 1;
    --osm-h1-ls: 0.02em;

    /* Heading Text - Lead Paragraph (Mobil: 28px -> Desktop: 39.6px) */
    --osm-heading-text-family: "Merchant", serif;
    --osm-heading-text-size: clamp(1.5556rem, 1.2083vw + 1.1407rem, 2.1rem);
    --osm-heading-text-weight: 200;
    --osm-heading-text-lh: 1.3;
    --osm-heading-text-ls: 0.03em;

    /* H2 - Section Headline (Mobil: 34px -> Desktop: 56px) */
    --osm-h2-family: "Merchant", serif;
    --osm-h2-size: clamp(1.8889rem, 2.2917vw + 1.4815rem, 3.1111rem);
    --osm-h2-weight: 200;
    --osm-h2-lh: 1;
    --osm-h2-ls: 0em;

    /* H3 - Sub-section Headline (Mobil: 24px -> Desktop: 32px) */
    --osm-h3-family: "Merchant", serif;
    --osm-h3-size: clamp(1.3333rem, 0.8333vw + 0.7852rem, 1.778rem);
    --osm-h3-weight: 200;
    --osm-h3-lh: 1;
    --osm-h3-ls: 0em;

    /* H5 - Small Headline (Mobil: 20px -> Desktop: 23.4px) */
    --osm-h5-family: "Merchant", serif;
    --osm-h5-size: clamp(1.1111rem, 0.3542vw + 1.0481rem, 1.3rem);
    --osm-h5-weight: 200;
    --osm-h5-lh: 1;
    --osm-h5-ls: 0em;

    /* Content Text - Body Copy (Mobil: 16px -> Desktop: 18px) */
    --osm-content-family: "Figtree", sans-serif;
    --osm-content-size: clamp(0.8889rem, 0.2083vw + 0.8519rem, 1rem);
    --osm-content-weight: 300;
    --osm-content-lh: 1.5;
    --osm-content-ls: 0em;

    /* H4 - Uppercase Label (Mobil: 16px -> Desktop: 18px) */
    --osm-h4-family: "Figtree", sans-serif;
    --osm-h4-size: clamp(0.8889rem, 0.2083vw + 0.8519rem, 1rem);
    --osm-h4-weight: 500;
    --osm-h4-lh: 1.4063;
    --osm-h4-ls: 0.05em;
    --osm-h4-transform: uppercase;

    /* Headline - Kicker Text (Mobil: 20px -> Desktop: 24px) */
    --osm-headline-family: "Figtree", sans-serif;
    --osm-headline-size: clamp(1.1111rem, 0.4167vw + 1.0370rem, 1.3333rem);
    --osm-headline-weight: 500;
    --osm-headline-lh: 1.4063;
    --osm-headline-ls: 0.15em;
    --osm-headline-transform: uppercase;
}

body.wp-child-theme-osmerova h1, body.wp-child-theme-osmerova .entry-content h1 {
    font-family: var(--osm-h1-family);
    font-size: var(--osm-h1-size);
    font-weight: var(--osm-h1-weight);
    line-height: var(--osm-h1-lh);
    letter-spacing: var(--osm-h1-ls);
    /*color: var(--osm-cerulean);*/
}

body.wp-child-theme-osmerova .is-style-heading-text, body.wp-child-theme-osmerova p.is-style-heading-text, body.wp-child-theme-osmerova .entry-content p.is-style-heading-text {
    font-family: var(--osm-heading-text-family);
    font-size: var(--osm-heading-text-size);
    font-weight: var(--osm-heading-text-weight);
    line-height: var(--osm-heading-text-lh);
    letter-spacing: var(--osm-heading-text-ls);
}

body.wp-child-theme-osmerova h2, body.wp-child-theme-osmerova .entry-content h2 {
    font-family: var(--osm-h2-family);
    font-size: var(--osm-h2-size);
    font-weight: var(--osm-h2-weight);
    line-height: var(--osm-h2-lh);
    letter-spacing: var(--osm-h2-ls);
}

body.wp-child-theme-osmerova h3, body.wp-child-theme-osmerova .entry-content h3 {
    font-family: var(--osm-h3-family);
    font-size: var(--osm-h3-size);
    font-weight: var(--osm-h3-weight);
    line-height: var(--osm-h3-lh);
    letter-spacing: var(--osm-h3-ls);
}

body.wp-child-theme-osmerova h5, body.wp-child-theme-osmerova .entry-content h5 {
    font-family: var(--osm-h5-family);
    font-size: var(--osm-h5-size);
    font-weight: var(--osm-h5-weight);
    line-height: var(--osm-h5-lh);
    letter-spacing: var(--osm-h5-ls);
}

body.wp-child-theme-osmerova, body.wp-child-theme-osmerova p, body.wp-child-theme-osmerova .entry-content p {
    font-family: var(--osm-content-family);
    font-size: var(--osm-content-size);
    font-weight: var(--osm-content-weight);
    line-height: var(--osm-content-lh);
    letter-spacing: var(--osm-content-ls);
}

body.wp-child-theme-osmerova h4, body.wp-child-theme-osmerova .entry-content h4 {
    font-family: var(--osm-h4-family);
    font-size: var(--osm-h4-size);
    font-weight: var(--osm-h4-weight);
    line-height: var(--osm-h4-lh);
    letter-spacing: var(--osm-h4-ls);
    text-transform: var(--osm-h4-transform);
}

body.wp-child-theme-osmerova .is-style-headline, body.wp-child-theme-osmerova p.is-style-headline, body.wp-child-theme-osmerova .entry-content p.is-style-headline {
    font-family: var(--osm-headline-family);
    font-size: var(--osm-headline-size);
    font-weight: var(--osm-headline-weight);
    line-height: var(--osm-headline-lh);
    letter-spacing: var(--osm-headline-ls);
    text-transform: var(--osm-headline-transform);
}


/* =========================================
   MOBILNÁ TYPOGRAFIA: MODULÁRNA ŠKÁLA (Major Third - 1.25)
   ========================================= */
@media (max-width: 768px) {
    :root {
        /* 1. ZÁKLADNÁ ŠKÁLA (Hierarchia H1 - H5) */
        /* Body Copy (16px) */
        --osm-content-size: 0.8889rem;
        --osm-content-lh: 1.5;

        /* H5 (20px) = 16px * 1.25 */
        --osm-h5-size: 1.111rem;
        --osm-h5-lh: 1.3;

        /* H3 (25px) = 20px * 1.25 */
        --osm-h3-size: 1.3rem;
        --osm-h3-lh: 1.2;

        /* H2 (31px) = 25px * 1.25 */
        --osm-h2-size: 1.736rem;
        --osm-h2-lh: 1.15;

        /* H1 (39px) = 31px * 1.25 (Udržané na 2.2rem pre perfektné 2 riadky) */
        --osm-h1-size: 2.2rem;
        --osm-h1-lh: 1.1;


        /* 2. ŠPECIFICKÉ ELEMENTY (Mimo hlavnej matematickej línie) */

        /* Heading Text (Perex) - sedí vizuálne medzi H5 a H3 (cca 22px) */
        --osm-heading-text-size: 1.25rem;
        --osm-heading-text-lh: 1.4;

        /* H4 (Uppercase štítky) - veľkosť ako Body, ale hrubšie a uppercase */
        --osm-h4-size: 0.8889rem;

        /* Kicker Text (Psychoterapie...) - najmenší štítok (14px) s jemnejším spacingom */
        --osm-headline-size: 0.8rem;
        --osm-headline-ls: 0.1em;
    }
}