/* SMT — composants d'article. Couleurs en variables : la refonte les redéfinit, rien d'autre ne change. */
:root{
  --mt-encre:#1f2622; --mt-texte:#2c3430; --mt-doux:#5d6862; --mt-acier:#6b767d;
  --mt-accent:#d2600a; --mt-accent-fonce:#a94b05; --mt-accent-pale:#fdf0e4;
  --mt-papier:#f6f3ec; --mt-ligne:#dcd6c8; --mt-blanc:#fff;
  --mt-alerte:#b42318; --mt-alerte-pale:#fdecea; --mt-ok:#2f6b3a; --mt-ok-pale:#eaf4ec;
  --mt-rayon:10px;
}
.entry-content .mt-reponse,.entry-content .mt-fiche,.entry-content .mt-etapes,.entry-content .mt-tableau,
.entry-content .mt-alerte,.entry-content .mt-astuce,.entry-content .mt-attention,.entry-content .mt-schema,
.entry-content .mt-check,.entry-content .mt-faq,.entry-content .mt-verdict,.entry-content .mt-outil,.entry-content .mt-video{margin:0 0 1.6em}

/* Réponse immédiate */
.mt-reponse{background:var(--mt-papier);border-left:5px solid var(--mt-accent);border-radius:0 var(--mt-rayon) var(--mt-rayon) 0;padding:1.1em 1.3em}
.mt-reponse p{margin:0;color:var(--mt-encre);font-size:1.05em;line-height:1.6}
.mt-reponse p+p{margin-top:.6em}

/* Fiche pratique */
.entry-content .mt-fiche{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:1px;background:var(--mt-ligne);border:1px solid var(--mt-ligne);border-radius:var(--mt-rayon);overflow:hidden}
.mt-fiche li{background:var(--mt-blanc);padding:.75em .9em;margin:0}
.mt-fiche span{display:block;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--mt-doux)}
.mt-fiche strong{display:block;color:var(--mt-encre);font-size:.98em;line-height:1.35;margin-top:.15em}

/* Étapes */
.entry-content .mt-etapes{list-style:none;padding:0;counter-reset:mt}
.mt-etapes>li{counter-increment:mt;position:relative;padding:0 0 1.1em 3.4em;margin:0;border-left:2px solid var(--mt-ligne);margin-left:1.05em;padding-left:2.3em}
.mt-etapes>li:last-child{border-left-color:transparent}
.mt-etapes>li::before{content:counter(mt);position:absolute;left:-1.1em;top:-.1em;width:2.1em;height:2.1em;border-radius:50%;background:var(--mt-accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95em}
.mt-etapes h3{font-size:1.08em;margin:.1em 0 .35em;color:var(--mt-encre)}
.mt-etapes p{margin:0 0 .5em}
.mt-etapes p:last-child{margin-bottom:0}

/* Tableaux */
.mt-tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mt-ligne);border-radius:var(--mt-rayon)}
.mt-tableau table{width:100%;border-collapse:collapse;margin:0;border:0;font-size:.93em;min-width:520px}
.mt-tableau caption{caption-side:top;text-align:left;font-weight:700;color:var(--mt-encre);padding:.7em .9em;background:var(--mt-papier);border-bottom:1px solid var(--mt-ligne)}
.mt-tableau th,.mt-tableau td{padding:.55em .75em;border:0;border-bottom:1px solid var(--mt-ligne);text-align:left;vertical-align:top}
.mt-tableau thead th{background:var(--mt-encre);color:#fff;font-weight:600;font-size:.88em;line-height:1.3}
.mt-tableau tbody th{color:var(--mt-encre);font-weight:700;background:#fbfaf6}
.mt-tableau tbody tr:last-child>*{border-bottom:0}
.mt-tableau tbody tr:hover>*{background:var(--mt-accent-pale)}

/* Encadrés */
.mt-alerte,.mt-astuce,.mt-attention,.mt-verdict{border-radius:var(--mt-rayon);padding:1em 1.2em 1em 3.2em;position:relative}
.mt-alerte p,.mt-astuce p,.mt-attention p,.mt-verdict p{margin:0}
.mt-alerte p+p,.mt-astuce p+p,.mt-attention p+p,.mt-verdict p+p{margin-top:.5em}
.mt-alerte::before,.mt-astuce::before,.mt-attention::before,.mt-verdict::before{position:absolute;left:1em;top:1em;width:1.5em;height:1.5em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9em;color:#fff}
.mt-alerte{background:var(--mt-alerte-pale);border:1px solid #f3c1bb}
.mt-alerte::before{content:"!";background:var(--mt-alerte)}
.mt-astuce{background:var(--mt-ok-pale);border:1px solid #c8e0cc}
.mt-astuce::before{content:"✓";background:var(--mt-ok)}
.mt-attention{background:var(--mt-accent-pale);border:1px solid #f4d2b3}
.mt-attention::before{content:"×";background:var(--mt-accent-fonce)}
.mt-verdict{background:var(--mt-encre);color:#eef0ec}
.mt-verdict strong{color:#ffb070}
.mt-verdict::before{content:"→";background:var(--mt-accent)}

/* Schémas */
.mt-schema{background:var(--mt-blanc);border:1px solid var(--mt-ligne);border-radius:var(--mt-rayon);padding:1em}
.mt-schema svg{display:block;width:100%;height:auto;max-height:520px}
.mt-schema figcaption{font-size:.86em;color:var(--mt-doux);margin-top:.6em;text-align:left;line-height:1.45}
.mt-schema .s-trait{stroke:var(--mt-encre);fill:none}
.mt-schema .s-acier{fill:#c9ced1;stroke:var(--mt-encre)}
.mt-schema .s-accent{fill:var(--mt-accent);stroke:none}
.mt-schema .s-accent-trait{stroke:var(--mt-accent);fill:none}
.mt-schema .s-fond{fill:var(--mt-papier)}
.mt-schema .s-texte-clair{fill:#fff;font-weight:700}
.mt-schema .s-noir{fill:#2a2622;stroke:var(--mt-encre)}
.mt-schema .s-texte{fill:var(--mt-encre);font-family:inherit}
.mt-schema .s-texte-accent{fill:var(--mt-accent-fonce);font-family:inherit;font-weight:700}
.mt-schema .s-cote{stroke:var(--mt-acier);fill:none;stroke-width:1}
.mt-schema .s-pointille{stroke:var(--mt-acier);fill:none;stroke-dasharray:5 4}
.mt-schema text{font-family:inherit}

/* Liste à cocher */
.entry-content .mt-check{list-style:none;padding:0;border:1px solid var(--mt-ligne);border-radius:var(--mt-rayon);overflow:hidden}
.mt-check li{margin:0;padding:.75em 1em .75em 3.1em;position:relative;border-bottom:1px solid var(--mt-ligne);cursor:pointer;transition:background .15s}
.mt-check li:last-child{border-bottom:0}
.mt-check li::before{content:"";position:absolute;left:1em;top:.8em;width:1.3em;height:1.3em;border:2px solid var(--mt-acier);border-radius:4px;background:#fff}
.mt-check li.fait{background:var(--mt-ok-pale);color:var(--mt-doux)}
.mt-check li.fait::before{background:var(--mt-ok);border-color:var(--mt-ok)}
.mt-check li.fait::after{content:"";position:absolute;left:1.42em;top:1.02em;width:.4em;height:.7em;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.mt-check-pied{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:var(--mt-doux);margin:-1em 0 1.6em}
.mt-check-pied button{background:none;border:0;color:var(--mt-accent-fonce);text-decoration:underline;cursor:pointer;padding:0;font-size:1em}

/* FAQ */
.mt-faq details{border-bottom:1px solid var(--mt-ligne)}
.mt-faq details:first-child{border-top:1px solid var(--mt-ligne)}
.mt-faq summary{cursor:pointer;padding:.85em 2em .85em 0;font-weight:700;color:var(--mt-encre);list-style:none;position:relative}
.mt-faq summary::-webkit-details-marker{display:none}
.mt-faq summary::after{content:"+";position:absolute;right:.2em;top:.55em;font-size:1.4em;color:var(--mt-accent)}
.mt-faq details[open] summary::after{content:"–"}
.mt-faq details p{margin:0 0 .9em}

/* Liens à venir : texte seul */
.mt-avenir{color:inherit}

/* Outils */
.mt-outil{border:2px solid var(--mt-encre);border-radius:var(--mt-rayon);overflow:hidden;background:var(--mt-blanc)}
.mt-outil-titre{margin:0!important;background:var(--mt-encre);color:#fff;font-weight:700;padding:.65em 1em;font-size:.95em;letter-spacing:.02em}
.mt-outil-titre::before{content:"";display:inline-block;width:.6em;height:.6em;background:var(--mt-accent);border-radius:2px;margin-right:.6em;vertical-align:.05em}
.mt-outil-corps{padding:1.1em}
.mt-outil label{display:block;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;color:var(--mt-doux);margin-bottom:.3em}
.mt-outil select,.mt-outil input[type=number],.mt-outil input[type=text]{width:100%;padding:.55em .7em;border:1px solid var(--mt-ligne);border-radius:6px;font-size:1em;background:#fff;color:var(--mt-encre)}
.mt-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:.9em;margin-bottom:1em}
.mt-seg{display:flex;flex-wrap:wrap;gap:.4em;margin-bottom:1em}
.mt-seg button,.mt-choix button{border:1px solid var(--mt-ligne);background:#fff;border-radius:999px;padding:.45em .95em;cursor:pointer;font-size:.92em;color:var(--mt-encre)}
.mt-seg button[aria-pressed=true]{background:var(--mt-encre);color:#fff;border-color:var(--mt-encre)}
.mt-resultat{background:var(--mt-papier);border-radius:8px;padding:1em 1.1em}
.mt-gros{font-size:2.1em;font-weight:800;color:var(--mt-accent-fonce);line-height:1.1}
.mt-gros small{font-size:.45em;font-weight:600;color:var(--mt-doux);margin-left:.3em}
.mt-ligne-res{display:flex;justify-content:space-between;gap:1em;border-bottom:1px dashed var(--mt-ligne);padding:.35em 0;font-size:.95em}
.mt-ligne-res:last-child{border-bottom:0}
.mt-ligne-res b{color:var(--mt-encre);text-align:right}
.mt-note{font-size:.84em;color:var(--mt-doux);margin:.7em 0 0}
/* arbre de diagnostic */
.mt-q{font-size:1.1em;font-weight:700;color:var(--mt-encre);margin:0 0 .8em}
.mt-choix{display:flex;flex-direction:column;gap:.5em}
.mt-choix button{border-radius:8px;text-align:left;padding:.75em 1em;font-size:.98em}
.mt-choix button:hover{border-color:var(--mt-accent);background:var(--mt-accent-pale)}
.mt-fil{display:flex;flex-wrap:wrap;gap:.3em;font-size:.8em;color:var(--mt-doux);margin-bottom:.9em}
.mt-fil span::after{content:" ›"}
.mt-fil span:last-child::after{content:""}
.mt-verdict-outil{border-left:4px solid var(--mt-accent);background:var(--mt-accent-pale);padding:.9em 1em;border-radius:0 8px 8px 0}
.mt-verdict-outil h4{margin:0 0 .4em;color:var(--mt-encre);font-size:1.05em}
.mt-verdict-outil p{margin:0 0 .5em}
.mt-nav{display:flex;gap:1em;margin-top:.9em;font-size:.9em}
.mt-nav button{background:none;border:0;padding:0;color:var(--mt-accent-fonce);text-decoration:underline;cursor:pointer}
/* lime */
.mt-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:.7em}
.mt-carte{background:#fff;border:1px solid var(--mt-ligne);border-radius:8px;padding:.7em .85em}
.mt-carte span{display:block;font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:var(--mt-doux)}
.mt-carte strong{display:block;font-size:1.25em;color:var(--mt-encre)}
.mt-carte em{display:block;font-style:normal;font-size:.82em;color:var(--mt-doux)}

/* Vidéo */
.mt-video button{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;background:#000;border-radius:var(--mt-rayon);overflow:hidden;aspect-ratio:16/9}
.mt-video img{width:100%;height:100%;object-fit:cover;opacity:.85;display:block}
.mt-video-play{position:absolute;left:50%;top:50%;width:72px;height:50px;margin:-25px 0 0 -36px;background:var(--mt-accent);border-radius:12px}
.mt-video-play::after{content:"";position:absolute;left:29px;top:15px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.mt-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--mt-rayon);display:block}
.mt-video figcaption{font-size:.86em;color:var(--mt-doux);margin-top:.5em}

@media (max-width:600px){
  .mt-etapes>li{padding-left:1.9em}
  .mt-gros{font-size:1.7em}
  .mt-alerte,.mt-astuce,.mt-attention,.mt-verdict{padding-left:2.9em}
}

/* Neutralise les styles génériques du thème sur nos composants */
.entry-content .mt-tableau table thead th{background:var(--mt-encre)!important;color:#fff!important}
.entry-content .mt-tableau table tbody th{background:#fbfaf6!important;color:var(--mt-encre)!important}
.entry-content .mt-tableau table td{background:#fff}
.entry-content .mt-tableau table{box-shadow:none!important;border-radius:0!important}
.entry-content .mt-etapes h3::before,.entry-content .mt-etapes h3::after{display:none!important}
.entry-content .mt-etapes h3{padding:0!important;border:0!important;background:none!important}

/* Mobile : les schémas gardent une largeur lisible (texte ≥ 12 px) et défilent latéralement */
@media (max-width:640px){
  .entry-content .mt-schema{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .entry-content .mt-schema svg{min-width:520px;max-height:none}
  .entry-content .mt-schema figcaption{position:sticky;left:0;max-width:calc(100vw - 64px)}
}