/* ================================================================
   DÉLICES SUPRÊMES — Typographie
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ===== Reset typographique sur le body PrestaShop ===== */
body, body.lang-rtl {
  font-family: var(--ds-font-body) !important;
  font-size: var(--ds-fs-body);
  line-height: 1.6;
  color: var(--ds-ink);
  background: var(--ds-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Titres : Playfair Display italic, signature éditoriale ===== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.page-title, .page-heading, .product-title, .breadcrumb-title {
  font-family: var(--ds-font-display);
  font-weight: 400;
  color: var(--ds-ink);
  letter-spacing: -0.01em;
}

h1, .h1, .page-title { font-size: clamp(40px, 6vw, var(--ds-fs-h1)); line-height: 1.05; }
h2, .h2 { font-size: clamp(32px, 4.5vw, var(--ds-fs-h2)); line-height: 1.1; }
h3, .h3 { font-size: clamp(20px, 2.4vw, var(--ds-fs-h3)); line-height: 1.25; }

h1 em, h2 em, h3 em,
.page-title em, .h1 em {
  color: var(--ds-coral);
  font-style: italic;
}

/* ===== Eyebrow : petit titre majuscule espacé en corail ===== */
.ds-eyebrow {
  display: inline-block;
  font-family: var(--ds-font-body);
  font-size: var(--ds-fs-eyebrow);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--ds-coral);
  font-weight: 500;
}
.ds-eyebrow::before { content: '— '; }

/* ===== Lien éditorial ===== */
a {
  color: var(--ds-ink);
  text-decoration: none;
  transition: color var(--ds-t-fast);
}
a:hover, a:focus {
  color: var(--ds-coral);
}

/* ===== Paragraphes ===== */
p {
  font-size: var(--ds-fs-body);
  line-height: 1.7;
  color: var(--ds-gray-800);
}

/* ===== Citations ===== */
blockquote {
  font-family: var(--ds-font-display);
  font-style: italic;
  font-size: 22px;
  line-height: 1.4;
  color: var(--ds-ink);
  border-left: 3px solid var(--ds-coral);
  padding-left: 24px;
  margin: 32px 0;
}

/* ===== Mono ===== */
code, kbd, pre, samp {
  font-family: var(--ds-font-mono);
}