/* ========================================
   POLICES SYSTÈME NATIVES - STRATÉGIE PROPRE
   ======================================== */

/* NOTE: La variable :root est définie dans style.css
   pour centraliser la gestion des polices */

/* STRATÉGIE :
   1. On cible UNIQUEMENT les éléments de contenu textuel
   2. On N'UTILISE PAS de ::before ou ::after (réservés aux icônes Divi)
   3. On laisse Divi gérer ses polices d'icônes (ETmodules)
   4. !important uniquement pour le texte, pas pour tout
*/

/* Éléments de base */
body,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
  font-family: var(--font-system) !important;
}

/* Contenus textuels dans Divi - SANS affecter les pseudo-éléments */
.et_pb_text p,
.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_text h4,
.et_pb_text h5,
.et_pb_text h6,
.et_pb_text li,
.et_pb_text div:not([class*="icon"]):not([class*="et_pb_"]),
.et_pb_text span:not([class*="icon"]):not([data-icon]),
.et_pb_text a:not([class*="icon"]):not([data-icon]),
/* Autres modules de contenu */
.et_pb_blurb_content p,
.et_pb_blurb_content h1,
.et_pb_blurb_content h2,
.et_pb_blurb_content h3,
.et_pb_blurb_content h4,
#main-content p:not([class*="icon"]),
#main-content h1:not([class*="icon"]),
#main-content h2:not([class*="icon"]),
#main-content h3:not([class*="icon"]),
#main-content h4:not([class*="icon"]),
#main-content h5:not([class*="icon"]),
#main-content h6:not([class*="icon"]),
.entry-content p:not([class*="icon"]),
.entry-content h1:not([class*="icon"]),
.entry-content h2:not([class*="icon"]),
.entry-content h3:not([class*="icon"]),
.entry-content h4:not([class*="icon"]),
.entry-content h5:not([class*="icon"]),
.entry-content h6:not([class*="icon"]) {
  font-family: var(--font-system) !important;
}

/* IMPORTANT : On ne touche PAS aux ::before et ::after
   Divi les utilise pour les icônes avec ETmodules */