/* 1.3 */

@font-face {
    font-family: 'SharpGrotesk';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/SharpGrotesk-Medium10.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DaxOT';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/DaxOT.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DaxOT';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/DaxOT-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DaxOT';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/DaxOT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DaxOT';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/DaxOT-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DaxOT';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/DaxOT-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Inter : repli pour les caractères absents de DaxOT (ex. diacritiques tchèques
   č/ř/š/ě/ů...). Le navigateur ne l'utilise, glyphe par glyphe, que pour les
   caractères que DaxOT ne fournit pas — voir font-family du body dans style.css. */
@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Big Shoulders Text : repli pour les caractères absents de SharpGrotesk (ex. ț,
   diacritique roumain U+021B). Choisie pour son style condensé proche de
   SharpGrotesk — voir font-family des h1/h2 dans style.css. */
@font-face {
    font-family: 'Big Shoulders Text';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/BigShouldersText-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Big Shoulders Text';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/BigShouldersText-latinext.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/Inter-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/Inter-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/etipme/assets-etipme/fonts/Inter-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    --border-radius-base: 5px ;
    --grey: #b5b1b0;
    --light-grey: rgba(181, 177, 176, 0.18);
    --page-bg: rgb(248, 246, 247);

    /* header / footer */
    --header-h: 0;
    --header-mt:60px;
    --header-h-home: calc(var(--header-h) - 40px);
    --logo-wrapper-pt: 20px;
    --logo-header-w: 120px;
    --header-mb:40px;
    /* --logo-header-scrolled-w: 90px; */
    --home-header-scrolled-h: 60px;
    --logo-footer-w: 80px;
    --bandeau-titre-h: 150px;
    --content-wrapper-pt : 90px;

     --fs-sm : 0.875rem;
     --fs-p: 1rem;        /* 16px */
     --fs-h6: 1.125rem;   /* 18px */
     --fs-h5: 1.25rem;    /* 20px */
     --fs-h4: 1.5rem;     /* 24px */
     --fs-h3: 1.75rem;    /* 28px */
     --fs-h2: 2rem;       /* 32px */
     --fs-h1: 2.5rem;     /* 40px */

     --lh-base: 1.6;
     --lh-heading: 1.2;
    }

/* Moins de 920px */
@media only screen and (max-width: 979px) {
    :root {
        --header-h: 100px;
        --btn-documentation-top:-45px
    }
}

/* -  576px */
@media only screen and (max-width: 575.99px) {
    :root {
        --container-max-width: 540px;
        --header-h: 80px;
        --logo-header-w: 90px;
        --btn-documentation-top:-35px
    }
}

/* Plus de 641px */
@media (min-width: 641px) {
    :root {
        --container-max-width: 620px;
        --fs-h1: 60px;
        --header-mt:80px;
    }
}

/* Plus de 767px */
@media (min-width: 768px) {
    :root {
        --container-max-width: 760px;

        --fs-p: 1rem;
        --fs-h6: 1.25rem;    /* 20px */
        --fs-h5: 1.375rem;   /* 22px */
        --fs-h4: 1.75rem;    /* 28px */
        --fs-h3: 1.8rem;
        --fs-h2: 3.5rem;
        --fs-h1: 3rem;
    }
}

/* Plus de 980px */
@media (min-width: 980px) {
    :root {
        --container-max-width: 940px;
        --btn-documentation-top:calc(var(--bandeau-titre-h) * 0.6);
    }
}

/* Plus de 1080px */
@media (min-width: 1080px) {
    :root {
        --container-max-width: 1020px;
    }
}

/* Plus de 1200px */
@media (min-width: 1200px) {
    :root {
        /* header / footer */
        --header-mt:80px;
        --header-h: 0;
        --container-max-width: 1180px;
        --font-size-base: 18px;
        --bandeau-titre-h: 180px;

    }
}

/* Plus de 1400px */
@media (min-width: 1399px) {
    :root {
        /* header / footer */
        --btn-documentation-top:calc(var(--bandeau-titre-h) * 0.5);
        --fs-h1: 60px;
    }
}

/* Plus de 1600px */
@media (min-width: 1599px) {
    :root {
        /* header / footer */
        --header-h: 120px;
        --header-mt:100px;
        --bandeau-titre-h: 188px;

        --font-size-base: 20px;
        --fs-p: 1rem;
        --fs-h6: 1.25rem;    /* 20px */
        --fs-h5: 1.375rem;   /* 22px */
        --fs-h4: 1.75rem;    /* 28px */
        --fs-h3: 1.8rem;
        --fs-h2: 4rem;
        --fs-h1: 3rem;       /* 48px */
    }
}

/* Plus de 1700px */
@media (min-width: 1699px) {
    :root {
        --container-max-width: 1480px;
        /* header / footer */
        --header-h: 120px;
        --header-mt:114px;
        --header-mb:70px;
        --footer-pt:50px;

    }
}