/* Maison Himi · la page « Nous écrire »
 *
 * Feuille séparée, et c'est volontaire : traduire.js supprime tout bloc
 * <style> de la page qui commence par « .langues{ », pour y réinjecter le
 * sélecteur de langue. Les styles du formulaire y passaient avec, et la page
 * sortait sans mise en forme. Constaté le 26 octobre 2026.
 *
 * © 2026 Kodex Production™ · Licence concédée à MD Meat SRL (Maison Himi)
 */

/* Les deux chemins : un mot, ou un devis. */
.chemins{display:flex;gap:10px;margin:30px 0 4px;flex-wrap:wrap}
.chemin{flex:1 1 220px;text-align:left;background:var(--s1);border:1px solid var(--line);
        border-radius:14px;padding:16px 18px;cursor:pointer;color:var(--tx2);
        font:inherit;transition:border-color .15s,background .15s}
.chemin b{display:block;color:var(--tx);font-size:15.5px;font-weight:700;margin-bottom:4px}
.chemin span{font-size:13.5px;line-height:1.55;display:block}
.chemin:hover{border-color:var(--mu)}
.chemin.on{border-color:var(--gold);background:#17130B}
.chemin.on b{color:var(--gold)}

form{margin-top:26px}
.champ{margin-top:18px}
.champ label{display:block;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;
             color:var(--mu);font-weight:700;margin-bottom:7px}
.champ input,.champ textarea{width:100%;background:#111;color:var(--tx);border:1px solid var(--line);
  border-radius:11px;padding:14px 15px;font:15px/1.5 'Montserrat',system-ui,sans-serif}
.champ textarea{min-height:140px;resize:vertical}
.champ input:focus,.champ textarea:focus{outline:0;border-color:var(--gold)}
.champ input::placeholder,.champ textarea::placeholder{color:#5C564E}
.champ.err input,.champ.err textarea{border-color:#B4402F}
.deux{display:flex;gap:14px;flex-wrap:wrap}
.deux>.champ{flex:1 1 200px}
.devis-seul{display:none}
.devis .devis-seul{display:flex}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.envoi{width:100%;margin-top:26px;padding:16px;border:0;border-radius:11px;background:var(--gold);
       color:#0A0A0A;font:700 16px/1 'Montserrat',system-ui,sans-serif;cursor:pointer}
.envoi[disabled]{opacity:.55;cursor:default}
.mot{margin-top:16px;font-size:14px;line-height:1.6;display:none}
.mot.ko{color:#E0806F;display:block}

.fait{display:none;text-align:center;padding:46px 20px}
.fait .rond{width:66px;height:66px;border-radius:33px;background:#16281B;display:flex;
            align-items:center;justify-content:center;margin:0 auto 22px}
.fait svg{width:30px;height:30px;stroke:#5FBF72;fill:none;stroke-width:2.4}
.fait h2{margin-top:0}
.envoye .fait{display:block}
.envoye form,.envoye .chemins,.envoye .intro{display:none}

.rassure{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.rassure>div{flex:1 1 210px;background:var(--s1);border:1px solid var(--line);
             border-radius:14px;padding:16px 18px}
.rassure b{display:block;color:var(--tx);font-size:14px;margin-bottom:5px}
.rassure p{font-size:13.5px;line-height:1.55}