/*
Theme Name: Divi Child
Template: Divi
Description: Thème enfant de Divi
Author: 
Version: 1.0
*/

@import url("../Divi/style.css");

/* ================================================
   IMPORTS DES POLICES GOOGLE FONTS
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap');

/* ================================================
   VARIABLES CSS
   ================================================ */

:root {
  --font-titre: 'Belanosima', serif;
  --font-texte: 'Quicksand', sans-serif;
  --font-accroche: 'Belanosima', serif;
}

/* ================================================
   STYLES TITRES - Belanosima Régular 40px
   ================================================ */

h1,
.titre-principal {
  font-family: var(--font-titre);
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  margin-bottom: 1.5rem;
}

h2 {
  font-family: var(--font-titre);
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
  margin-bottom: 1.5rem;
}

h3 {
  font-family: var(--font-titre);
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
  margin-bottom: 1.5rem;
}

/* ================================================
   STYLES TEXTE - QuickSand Book 16px
   ================================================ */

body,
p,
.texte-body {
  font-family: var(--font-texte);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

/* ================================================
   STYLES ACCROCHE - Belanosima Régular 24px
   ================================================ */

.accroche,
.sous-titre,
.introduction {
  font-family: var(--font-accroche);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 1.5rem;
}

/* ================================================
   CLASSES DIVI COMMUNES
   ================================================ */

/* Titres des modules Divi */
.et_pb_module .et_pb_text_inner h1,
.et_pb_module .et_pb_text_inner h2,
.et_pb_module .et_pb_text_inner h3 {
  font-family: var(--font-titre);
  font-size: 40px;
  font-weight: 400;
  line-height: 55px;
}

/* Texte des modules Divi */
.et_pb_text {
  font-family: var(--font-texte);
  font-size: 16px;
  line-height: 22px;
}

/* ================================================
   RESPONSIVE - Ajustements mobiles
   ================================================ */

@media (max-width: 768px) {
  h1, h2, h3,
  .titre-principal {
    font-size: 32px;
    line-height: 45px;
  }

  .accroche,
  .sous-titre,
  .introduction {
    font-size: 20px;
    line-height: 26px;
  }

  body, p,
  .texte-body {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 480px) {
  h1, h2, h3,
  .titre-principal {
    font-size: 28px;
    line-height: 38px;
  }

  .accroche,
  .sous-titre,
  .introduction {
    font-size: 18px;
    line-height: 24px;
  }

  body, p,
  .texte-body {
    font-size: 16px;
    line-height: 22px;
  }
}