/* =========================================================
 * Journal des Mamans — extras du gabarit d'article
 * Chargé après jdm-article.css sur les articles (functions.php §2),
 * donc les variables --jdm-* de jdm-article.css sont disponibles ici.
 *
 * - Pastille cliquable : le style vient déjà de jdm-article.css (.art-badge),
 *   on retire seulement le soulignement du lien.
 * - « À lire aussi » : style ÉDITORIAL (Fraunces + blush) pour se fondre
 *   dans l'article.
 * - Encart produit : langage RECO (Darker Grotesque + doré), volontairement
 *   distinct pour signaler une recommandation affiliée.
 * ========================================================= */

/* --- Pastille de rubrique cliquable (héritée de .art-badge) --- */
a.art-badge{text-decoration:none;cursor:pointer;transition:opacity .15s ease}
a.art-badge:hover{opacity:.82}

/* --- « À lire aussi dans la même rubrique » (style éditorial) --- */
.jdm-related{margin:52px 0 8px;padding-top:34px;border-top:1px solid var(--jdm-artline)}
.jdm-related-title{font-family:var(--jdm-serif);font-weight:600;font-size:clamp(22px,3.6vw,27px);line-height:1.2;letter-spacing:-.01em;margin:0 0 22px;color:var(--jdm-plum)}
.jdm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jdm-related-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--jdm-white);border:1px solid var(--jdm-artline);border-radius:16px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.jdm-related-card:hover{transform:translateY(-3px);box-shadow:var(--jdm-artshadow)}
.jdm-related-thumb{display:block;aspect-ratio:16/10;background:var(--jdm-blush);overflow:hidden}
.jdm-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.jdm-related-h{display:block;font-family:var(--jdm-serif);font-weight:600;font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--jdm-plum);margin:14px 16px 10px}
.jdm-related-more{display:block;font-family:var(--jdm-artsans);font-weight:600;font-size:12px;letter-spacing:.04em;color:var(--jdm-rose-deep);margin:auto 16px 16px}
@media(max-width:720px){.jdm-related-grid{grid-template-columns:1fr}}

/* --- Encart produit horizontal, en bas d'article (langage reco) --- */
.encart{display:flex;gap:0;background:#fff;border:1px solid #ECD7DD;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px -26px rgba(43,22,32,.5);margin:40px 0 8px}
.encart-media{position:relative;flex:0 0 150px;background:radial-gradient(120% 120% at 50% 0%,#FFF6F8 0%,#F7E3E8 58%,#F0CED9 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#B82E5F;border-right:1px dashed #E1B9C6}
.encart-media svg{width:26px;height:26px;opacity:.7}
.encart-media .slot{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.encart-badge{position:absolute;top:10px;left:10px;z-index:2;background:#FFC95E;color:#2B1620;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;padding:4px 9px;border-radius:999px}
.encart-body{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.encart-cat{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#6E5560;margin:0 0 4px}
.encart-body h3{font-family:"Darker Grotesque",system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1;margin:0 0 6px;color:#2B1620}
.encart-body .why{font-size:13px;color:#2B1620;line-height:1.45;margin:0 0 12px}
.encart-row{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.encart .btn-amz{display:inline-block;text-align:center;font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:600;font-size:14px;text-decoration:none;background:#2B1620;color:#FCF4F4;border-radius:999px;padding:11px 20px;transition:background .15s ease}
.encart .btn-amz:hover{background:#B82E5F;color:#fff}
.encart-aff{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:9.5px;color:#6E5560}
@media(max-width:560px){
  .encart{flex-direction:column}
  .encart-media{flex:0 0 130px;border-right:0;border-bottom:1px dashed #E1B9C6}
}