/* =====================================================================
   Claude - date:2026.10.13 - explication:page « Mes devis » et bouton « Demander un devis » de la boutique (module Devis phase 2).
   Mobile d'abord. Boutons : classe « boutons » du thème ; cartes de la liste : classes mc* de « Mes commandes » (thème).
   Seulement des teintes neutres ici, pour s'accorder à tous les thèmes.
   ===================================================================== */
/* Claude - date:2026.10.14 - explication:white-space:normal + min-width:0 : un thème qui pose nowrap sur #site-container (terranostra)
   empêchait le retour à la ligne, la carte débordait à droite de la page */
.dvfPage{display:flex!important;flex-direction:column;gap:16px;max-width:900px;margin:0 auto;padding:0 12px 24px;box-sizing:border-box;text-align:left;white-space:normal;min-width:0}
.dvfPage > *{min-width:0;max-width:100%}
.dvfPage *{box-sizing:border-box}
.dvfPage h2{margin:0 0 6px;font-size:1.2rem}
.dvfPage h3{margin:14px 0 8px;font-size:1rem}
.dvfCarte{padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:14px;background:rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.dvfIntro{margin:0 0 10px;opacity:.85;line-height:1.45}
.dvfAide{margin:0 0 10px;opacity:.75;font-size:.9rem}
.dvfMessage{margin:0;padding:12px 14px;border-radius:12px;font-weight:600}
.dvfMessage-ok{background:#ecfdf5;color:#047857}
.dvfMessage-ko{background:#fef2f2;color:#b91c1c}

/* articles choisis */
.dvfArticles{list-style:none;margin:0 0 10px;padding:0}
.dvfArticles li{display:grid;grid-template-columns:1fr auto auto;gap:8px 10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.dvfNom{min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}
.dvfNom small{opacity:.7;font-size:.82rem}
.dvfQte{display:flex;flex-direction:column;gap:2px;margin:0;font-size:.75rem;opacity:.9}
.dvfQte input{width:76px}
.dvfRetirer{border:0;background:none;cursor:pointer;padding:8px;border-radius:8px;color:#b91c1c;font-size:1rem}
.dvfRetirer:hover{background:#fef2f2}
.dvfMasque{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ajout + champs */
.dvfAjout{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 14px}
.dvfAjout select{grid-column:1 / -1}
@media (min-width:640px){.dvfAjout{grid-template-columns:1fr 76px auto}.dvfAjout select{grid-column:auto}}
.dvfForm input[type=number],.dvfForm input[type=text],.dvfForm select,.dvfForm textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:10px;font:inherit;background:#fff;color:inherit}
.dvfChamp{display:flex;flex-direction:column;gap:4px;margin:0 0 12px;font-weight:600;font-size:.9rem}
.dvfBouton{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;text-decoration:none!important;cursor:pointer;margin:0!important;width:auto!important}
.dvfEnvoyer{width:100%!important;padding:12px 18px!important}
@media (min-width:640px){.dvfEnvoyer{width:auto!important}}

/* liste des devis */
.dvfTitreListe{margin-top:6px!important}
.dvfPied{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;justify-content:flex-end;padding:8px 0 2px;font-size:.88rem}
.dvfPied span{margin-right:auto;opacity:.8}

/* bouton « Demander un devis » (fiche article, panier, mes commandes) */
.dvfBoutonZone{grid-column:1 / -1;display:flex;justify-content:center;margin:10px 0}
.dvfBoutonZone-commandes{justify-content:flex-start;margin:0 0 12px}