/*
 Theme Name: ectq-child - Mon Site
 Theme URI: https://ectq.com
 Description: Thème enfant pour le site de l'ECTQ.
 Author: André Michaud
 Author URI: https://andremichaud.com
 Template: Divi
 Version: 1.0.0
 Text Domain: ectq-child-mon-site
*/
/*
 * Balises de titre avec la fonction clamp() pour une typographie fluide
 * Note: Ces valeurs sont des exemples.
 *
 * clamp(taille_minimale, taille_fluide_en_vw, taille_maximale)
 *
 * Astuce pour la taille fluide en vw:
 * Calculez (taille_cible_en_px / largeur_de_conception_en_px) * 100vw
 * Ex: Pour un H1 de 60px sur un design de 1400px: (60 / 1400) * 100vw = 4.28vw
 * Ou utilisez une valeur intuitive comme 3vw, 4vw, etc. et ajustez.
 */

/* Styles pour H1 */
h1 {
    font-family: 'fira', sans-serif;
    font-size: clamp(36px, 4.5vw, 72px); /* Minimum 36px, fluide avec 4.5% de la largeur du viewport, maximum 72px */
    color: #e8e8e8;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 25px;
}

/* Styles pour H2 */
h2 {
    font-family: 'Fira', serif;
    font-size: clamp(30px, 3.5vw, 56px); /* Minimum 30px, fluide, maximum 56px */
    color: #e8e8e8;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

/* Styles pour H3 */
h3 {
    font-family: 'Fira', sans-serif;
    font-size: clamp(24px, 2.8vw, 44px); /* Minimum 24px, fluide, maximum 44px */
    color: #e8e8e8;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 18px;
}

/* Styles pour H4 */
h4 {
    font-family: 'Fira', sans-serif;
    font-size: clamp(20px, 2.2vw, 36px); /* Minimum 20px, fluide, maximum 36px */
    color: #e8e8e8;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 15px;
}

/* Styles pour H5 */
h5 {
    font-family: 'Fira', sans-serif;
    font-size: clamp(18px, 1.8vw, 28px); /* Minimum 18px, fluide, maximum 28px */
    color: #e8e8e8;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* Styles pour H6 */
h6 {
    font-family: 'Fira', sans-serif;
    font-size: clamp(16px, 1.5vw, 22px); /* Minimum 16px, fluide, maximum 22px */
    color: #e8e8e8;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 5px;
}

/* Styles pour les paragraphes (peut aussi bénéficier de clamp) */
p {
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 1.1vw, 20px); /* Paragraphes : minimum 16px, fluide, maximum 20px */
    color: #e8e8e8;
    line-height: 1.7;
    margin-bottom: 1em;
    text-align: justify;
}