/* ====================================================
   Page Commander (commander.php)
   ==================================================== */

.page--commande{padding-top:1.2rem}
.page--commande .entete-mini .cercles{width:clamp(60px,13vw,80px);height:clamp(60px,13vw,80px);margin-bottom:.3rem}
.page--commande .entete-mini+.filet{margin:.4rem auto .6rem}

.cmd-page{
  padding-top:.4rem;
}
.cmd-achat-options{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:fit-content;
  gap:.6rem;
  list-style:disc;
  margin:0 auto 1.8rem;
  padding:1.2rem 1.6rem 1.2rem 2.2rem;
  background:rgba(201,138,30,.07);
  border:1px solid var(--filet);
  border-radius:8px;
  font-family:'Cormorant Garamond',serif;
  font-size:1.35rem;
}
.cmd-achat-options li::marker{
  color:var(--roux-fonce);
}
.cmd-achat-principal{
  color:var(--roux-fonce);
  text-decoration:none;
  border-bottom:1px solid rgba(80,20,4,.3);
  transition:color .2s,border-color .2s;
}
.cmd-achat-principal:hover{
  color:var(--roux);
  border-bottom-color:var(--ambre);
}
.cmd-paiement-hint{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  font-size:.9rem;
  font-weight:600;
  color:var(--roux-fonce);
  opacity:.9;
  margin:-.4rem 0 1.8rem;
}
.cmd-produit{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.6rem;
  background:rgba(201,138,30,.045);
  border:1px solid var(--filet);
  border-radius:8px;
  padding:2.4rem 2rem 2rem;
  margin-bottom:2rem;
  text-align:center;
}
.cmd-produit-badge{
  order:-1;
  margin:-.8rem 0 -.6rem;
  padding:.35rem 1rem;
  background:var(--roux-fonce);
  color:#fff;
  font-family:'Cormorant Garamond',serif;
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.06em;
  border-radius:999px;
}
.cmd-couverture{
  width:min(220px,55vw);
  height:auto;
  filter:drop-shadow(0 12px 28px rgba(43,40,36,.28));
}
.cmd-produit-info{display:flex;flex-direction:column;gap:.4rem;align-items:center}
.cmd-livre-titre{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,6vw,2.4rem);
  font-weight:500;
  color:var(--basalte);
  margin:0;
  line-height:1.1;
}
.cmd-livre-titre .apostrophe{color:var(--roux)}
.cmd-livre-auteur{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.2rem;
  color:var(--encre);
  margin:0;
}
.cmd-livre-details{
  font-size:.95rem;
  font-family:'Cormorant Garamond',serif;
  color:var(--encre);
  opacity:.8;
  margin:.1rem 0 0;
}
.cmd-livre-format{
  font-size:.75rem;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--encre);
  opacity:.6;
  margin:.2rem 0 0;
}
.cmd-prix{
  font-family:'Cormorant Garamond',serif;
  font-size:2.6rem;
  font-weight:600;
  color:var(--roux-fonce);
  margin:.6rem 0 0;
  line-height:1;
}
.cmd-form{display:flex;flex-direction:column;gap:1.6rem}
.cmd-page .contact-discret summary{font-size:1.3rem}
.cmd-fieldset{
  border:1px solid var(--filet);
  border-radius:6px;
  padding:1.2rem 1.4rem 1.4rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.cmd-fieldset legend{
  font-family:'Cormorant Garamond',serif;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:var(--encre);
  padding:0 .4em;
}
.cmd-row{display:flex;gap:1rem}
.cmd-row .cmd-field{flex:1}
.cmd-field--cp{flex:0 0 120px!important}
.cmd-field{display:flex;flex-direction:column;gap:.35rem}
.cmd-field label{
  font-size:.82rem;
  font-family:'Cormorant Garamond',serif;
  letter-spacing:.06em;
  color:var(--encre);
}
.cmd-field input,
.cmd-field select{
  font-family:'EB Garamond',Georgia,serif;
  font-size:1rem;
  padding:.75em 1em;
  border:1px solid var(--filet);
  border-radius:5px;
  background:#fff;
  color:var(--encre);
  transition:border-color .2s,box-shadow .2s;
  width:100%;
}
.cmd-field input:focus,
.cmd-field select:focus{
  outline:none;
  border-color:var(--roux);
  box-shadow:0 0 0 3px rgba(157,63,37,.1);
}
.cmd-livraison{
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.cmd-livraison-option{
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.7em .9em;
  border:1px solid var(--filet);
  border-radius:6px;
  cursor:pointer;
  transition:border-color .2s,background .2s;
}
.cmd-livraison-option:has(input:checked){
  border-color:var(--roux);
  background:rgba(201,138,30,.05);
}
.cmd-livraison-option input{accent-color:var(--roux)}
.cmd-livraison-label{
  display:flex;
  flex:1;
  align-items:baseline;
  justify-content:space-between;
  font-size:.95rem;
  color:var(--encre);
}
.cmd-livraison-prix{color:var(--roux-fonce);font-weight:600}
.cmd-livraison-note{
  font-size:.82rem;
  color:var(--encre);
  opacity:.7;
}
.cmd-total{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  padding:.9em 0;
  border-top:1px solid var(--filet);
  border-bottom:1px solid var(--filet);
  font-family:'Cormorant Garamond',serif;
  font-size:1.15rem;
  color:var(--encre);
}
.cmd-total strong{
  font-size:1.5rem;
  color:var(--roux-fonce);
}
.cmd-form-error{
  background:#fbeae8;
  color:#8a2c20;
  border:1px solid #f1c6bf;
  border-radius:6px;
  padding:.9em 1.1em;
  font-size:.9rem;
}
.cmd-paiement{
  text-align:center;
  padding:1.4rem 1.4rem 1rem;
  border:1px solid var(--filet);
  border-radius:6px;
  background:rgba(201,138,30,.025);
}
.cmd-paiement-titre{
  font-family:'Cormorant Garamond',serif;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.35em;
  color:var(--encre);
  opacity:.7;
  margin:0 0 1rem;
}
#paypal-button-container{max-width:380px;margin:0 auto}
.cmd-paypal-fallback{
  font-size:.9rem;
  color:var(--encre);
  margin:0;
}
.cmd-paypal-fallback .cta-submit{
  display:inline-block;
  margin-top:.7rem;
  font-size:1rem;
}
.cmd-secure-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  font-size:.82rem;
  color:var(--encre);
  opacity:.75;
  margin:1rem 0 0;
}
.cmd-assurances{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  margin:2rem 0 1.6rem;
  padding:1.2rem 1.4rem;
  border-top:1px solid var(--filet);
}
.cmd-assurance{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  font-size:.88rem;
  color:var(--encre);
}
.cmd-assurance a{
  color:var(--roux-fonce);
  text-decoration:none;
}
.cmd-assurance a:hover{
  color:var(--roux);
}
.cmd-assurance svg{
  width:1.1rem;
  height:1.1rem;
  flex:none;
  margin-top:.15rem;
  color:var(--roux);
  opacity:.8;
}
.cmd-retour{
  text-align:center;
  margin:1.4rem 0 0;
  font-size:.9rem;
}
.cmd-retour a{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  color:var(--roux-fonce);
  text-decoration:none;
  border-bottom:1px solid rgba(122,47,27,.3);
  transition:color .25s,border-color .25s;
}
.cmd-retour a:hover{color:var(--roux);border-bottom-color:var(--ambre)}
@media(max-width:480px){
  .cmd-row{flex-direction:column;gap:.9rem}
  .cmd-field--cp{flex:unset!important}
  .cmd-produit{flex-direction:column;align-items:center;text-align:center}
  .cmd-livre-titre,.cmd-livre-auteur,.cmd-livre-format,.cmd-prix{text-align:center}
}

/* --- Page Merci commande --- */
.cmd-merci{
  text-align:center;
  padding-top:2rem;
}
.cmd-merci-icone{
  margin:0 auto 1.2rem;
  width:3.2rem;
  height:3.2rem;
  color:var(--roux);
}
.cmd-merci-icone svg{width:100%;height:100%}
.cmd-merci-titre{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(2rem,8vw,3rem);
  color:var(--basalte);
  margin:0 0 1.6rem;
}
.cmd-merci-corps{
  max-width:460px;
  margin:0 auto;
  text-align:left;
}
.cmd-merci-corps p{margin-bottom:1rem}
.cmd-merci-citation{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.25rem;
  color:var(--roux-fonce);
  text-align:center;
  margin-top:1.8rem;
}