/* =======================================================
   WEBFONTS — chargement global et typographie Endopeel
   ======================================================= */

/* 1) Deux familles pointent vers la même police :
      - "Phosphate Endopeel" (nom unique, évite les conflits macOS)
      - "Phosphate" (alias, pour compatibilité avec anciens styles) */
@font-face{
  font-family: "Phosphate Endopeel";
  src: url("/templates/yootheme/fonts/phosphate.woff2") format("woff2"),
       url("/templates/yootheme/fonts/phosphate.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Phosphate";
  src: url("/templates/yootheme/fonts/phosphate.woff2") format("woff2"),
       url("/templates/yootheme/fonts/phosphate.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 2) Titres : forcer Phosphate partout (avec fallback) */
h1, h2, h3, .el-title,
section[id^="chem-"] h2,
.uk-card-title {
  font-family: "Phosphate Endopeel","Phosphate","Impact","Arial Black",sans-serif !important;
  text-transform: uppercase;
  font-weight: 400;
  color: #815961;
}

/* 3) Corps de texte : Audiowide sitewide (remplace Comic) */
body, p, li, span, .uk-text, .el-content {
  font-family: "Audiowide", system-ui, sans-serif !important;
  line-height: 1.6;
  color: #222;
}

/* 4) Nettoyage : si des styles inline contiennent 'Comic', on écrase */
*[style*="Comic"] {
  font-family: "Audiowide", system-ui, sans-serif !important;
}

/* 5) Sections Chemistry : s’assurer qu’aucun paragraphe/list ne reste en Comic */
section[id^="chem-"] p:first-of-type,
section[id^="chem-"] p,
section[id^="chem-"] li,
section[id^="chem-"] p.disclaimer,
section[id^="chem-"] p:last-of-type {
  font-family: "Audiowide", system-ui, sans-serif !important;
}

/* 6) Mobile : tailles lisibles */
@media (max-width: 768px){
  body, p, li { font-size: 16px; }
  h1 { font-size: clamp(28px, 6vw, 42px); }
  h2 { font-size: clamp(22px, 4.8vw, 34px); }
}