/*!
 * Plutus Market - Espace client : Mes achats et avis.
 * Charte du site : bordeaux #680808, accent #941A24, creme #F8F1E9,
 * encre #170A0C. Aucune ombre portee.
 */

/* ---------- Aides de formulaire ---------- */

.plutus-aide{
  display:block;
  margin-top:5px;
  font-size:13px;
  line-height:1.45;
  color:#5B4F4A;
}
.plutus-aide-bloc{
  margin-top:14px;
  padding:12px 14px;
  background:#F8F1E9;
  border-left:3px solid #680808;
  border-radius:0 8px 8px 0;
  font-size:13.5px;
}
.plutus-consentement label{display:flex;gap:10px;align-items:flex-start;line-height:1.45;}
.plutus-consentement input[type="checkbox"]{margin-top:3px;width:20px;height:20px;flex:0 0 20px;}
.plutus-courriel-facultatif{margin-bottom:14px;}

/* ---------- Mes achats ---------- */

.plutus-achats{list-style:none;margin:0;padding:0;display:grid;gap:16px;}

.plutus-achat{
  display:flex;
  gap:16px;
  padding:16px;
  background:#FFFFFF;
  border:1px solid #DCD2C6;
  border-radius:12px;
}

.plutus-achat__media{flex:0 0 110px;}
.plutus-achat__media img,
.plutus-achat__vide{
  display:block;
  width:110px;
  height:110px;
  object-fit:cover;
  border-radius:8px;
  background:#EDE3D6;
}

.plutus-achat__corps{flex:1 1 auto;min-width:0;}
.plutus-achat__nom{margin:0 0 8px;font-size:17px;line-height:1.3;color:#170A0C;}

.plutus-etat{
  display:inline-block;
  padding:3px 10px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:600;
  background:#EDE3D6;
  color:#3E3330;
}
.plutus-etat--confirmee,
.plutus-etat--remise{background:#1E5B32;color:#F8F1E9;}
.plutus-etat--annulee,
.plutus-etat--remboursee{background:#7A6A66;color:#F8F1E9;}
.plutus-etat--litige{background:#941A24;color:#F8F1E9;}
.plutus-etat--a_identifier,
.plutus-etat--attente,
.plutus-etat--recue{background:#C8A24A;color:#170A0C;}

.plutus-achat__details{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 14px;
  margin:12px 0;
  font-size:14px;
}
.plutus-achat__details dt{color:#5B4F4A;}
.plutus-achat__details dd{margin:0;color:#170A0C;font-weight:600;}
.plutus-achat__details code{font-size:13px;background:#F8F1E9;padding:1px 6px;border-radius:4px;}

.plutus-achat__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0;}
.plutus-achat__avis-envoye{font-size:13.5px;color:#5B4F4A;}
.plutus-achat__retire{margin:10px 0 0;font-size:13px;color:#5B4F4A;font-style:italic;}
.plutus-achats-vide{
  padding:18px;
  background:#F8F1E9;
  border-radius:10px;
  line-height:1.55;
}

@media (max-width:600px){
  .plutus-achat{flex-direction:column;}
  .plutus-achat__media{flex:0 0 auto;}
  .plutus-achat__media img,
  .plutus-achat__vide{width:100%;height:auto;aspect-ratio:1/1;}
  .plutus-achat__actions .button{width:100%;text-align:center;}
}

/* Mes achats : ventes de plusieurs articles et facturation (2026-09-13) */
.plutus-achat__articles{list-style:none;margin:10px 0;padding:0;border-top:1px solid #B9AFA6}
.plutus-achat__articles>li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #EDE3D6}
.plutus-achat__article{font-weight:600;color:#170A0C}
.plutus-achat__serie,.plutus-achat__garantie{font-size:14px;color:#4A4244}
.plutus-achat__avis{align-self:flex-start;margin-top:4px}
.plutus-achat__facture{margin:12px 0;padding:12px 14px;border:1px solid #B9AFA6;border-radius:12px;background:#fff}
.plutus-achat__facture-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.plutus-achat__docs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.plutus-achat__remboursement{margin:6px 0;font-size:14px}
.plutus-etat--paiement-payee{background:#E3F0E3;color:#1F5E2A}
.plutus-etat--paiement-partielle,.plutus-etat--paiement-a_rembourser{background:#FBEFD9;color:#9A3412}
.plutus-etat--paiement-impayee{background:#F6E3E3;color:#680808}
.plutus-avis-produit{margin:0 0 12px}