/* Theme GLP-1 : cuisine chaleureuse, pas cabinet medical.
   Creme chaud, sauge (apaisement), terracotta douce (appetit), texte olive fonce. Formes arrondies, pas de sceau. */
:root {
  --paper: #f6efe4;
  --sheet: #fffaf2;
  --ink: #2f3a2c;
  --ink-soft: #5e6a59;
  --rule: #e7dcc9;
  --seal: #b8603f;          /* terracotta : liens, accents, boutons */
  --seal-soft: #f5e1d5;
  --gold: #7f9a73;          /* sauge */
  --sage-soft: #e6eedf;
  --serif: "Fraunces", Georgia, serif;
  --sans: "Nunito Sans", "Segoe UI", sans-serif;
}
body {
  background-color: var(--paper);
  background-image:
    radial-gradient(38rem 26rem at 8% -4%, rgba(127, 154, 115, .22), transparent 70%),
    radial-gradient(30rem 22rem at 100% 18%, rgba(184, 96, 63, .12), transparent 70%),
    radial-gradient(34rem 24rem at 50% 108%, rgba(127, 154, 115, .14), transparent 70%);
  background-attachment: fixed;
  line-height: 1.75;
}
a { text-decoration-color: rgba(184, 96, 63, .55); }

/* Marque : une assiette en 3 parts au lieu du sceau */
.seal {
  width: 40px; height: 40px; border: 0; box-shadow: none; font-size: 0; color: transparent;
  background: conic-gradient(var(--seal) 0 33%, var(--gold) 0 66%, #e2b45c 0 100%);
  border-radius: 50%; position: relative;
}
.seal::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--sheet); box-shadow: inset 0 0 0 2px rgba(47, 58, 44, .08); }
.brand { font: 600 21px var(--serif); letter-spacing: -.01em; font-variation-settings: "SOFT" 100, "opsz" 36; }
.top nav a { font-weight: 600; }
.top nav a:hover, .top nav a[aria-current] { border-bottom-color: var(--gold); }

/* Feuille : carte douce, sans marge de cahier */
.sheet { border-radius: 22px; border: 1px solid rgba(231, 220, 201, .9); box-shadow: 0 30px 60px -38px rgba(47, 58, 44, .35); }
.sheet::before { display: none; }
h1, h2, h3 { font-variation-settings: "SOFT" 100, "opsz" 72; font-weight: 600; letter-spacing: -.015em; }
h1 { font-size: clamp(32px, 5.4vw, 46px); }
h2 { border-top: 0; padding-top: 0; margin-top: 2em; }
h2::before { content: ""; display: block; width: 44px; height: 4px; border-radius: 4px; background: var(--gold); margin-bottom: 14px; }
.lead { font-style: normal; font-family: var(--serif); font-variation-settings: "SOFT" 100, "opsz" 24; color: var(--ink-soft); }
.updated { color: var(--gold); font-weight: 600; }

/* Encadres : sauge pour l'info, terracotta reserve aux alertes */
.answer { background: var(--sage-soft); border-left: 0; border-radius: 16px; padding: 18px 22px; }
.answer strong:first-child { color: #4f6a45; }
.facts th, .facts td { border-bottom-color: var(--rule); }
.facts tr:last-child th, .facts tr:last-child td { border-bottom: 0; }
.facts td b { font-family: var(--serif); color: var(--ink); }

/* Appel a l'action : vert profond, badge terracotta, bouton arrondi (font-weight max 600) */
.cta { background: #3d5236; border: 0; border-radius: 20px; }
.cta .stamp { border: 0; background: var(--seal); color: #fff8ef; transform: rotate(-6deg); border-radius: 50%; font-family: var(--serif); }
.cta p { color: #d9e3d2; }
.btn { background: var(--seal); border-radius: 999px; padding: 12px 24px; font-weight: 600; }
.btn:hover { background: #9c4f33; }

/* FAQ */
.faq summary::after { color: var(--gold); }

/* Apercus du PDF sur la page produit */
.previews { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 22px 0 8px; }
.previews figure { margin: 0; }
.previews img { width: 100%; height: auto; display: block; border-radius: 10px; border: 1px solid var(--rule); box-shadow: 0 14px 24px -18px rgba(47, 58, 44, .5); background: #fff; }
.previews figcaption { font-size: 13px; color: var(--ink-soft); margin-top: 6px; text-align: center; }

@media (max-width: 720px) {
  .sheet { border-radius: 0; }
  .previews { grid-template-columns: repeat(2, 1fr); }
}