/* =======================================================
   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 : Phosphate (avec fallback) */
h1, h2, h3, h4, h5, h6,
.el-title,
.uk-card-title,
section[id^="chem-"] h2 {
  font-family: "Phosphate Endopeel","Phosphate","Impact","Arial Black",sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: #815961;
}

/* 3) Corps de texte : léger ajustement sans bloquer la typographie YOOtheme */
body, p, li, blockquote, small {
  line-height: 1.6;
  color: #222;
}


/* 4) Nettoyage : forcer Audiowide si un style inline contient "Comic" */
*[style*="Comic"] {
  font-family: "Audiowide", system-ui, sans-serif;
}

/* 5) Sections Chemistry : Audiowide pour tout le contenu textuel */
section[id^="chem-"] p,
section[id^="chem-"] li,
section[id^="chem-"] p.disclaimer {
  font-family: "Audiowide", system-ui, sans-serif;
}

/* 6) Mobile : tailles lisibles et cohérentes */
@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); }
}