/* Les coffrets : la fiche et la liste. */

body.cd-theme .cd-cof{display:grid;gap:1.6rem;
  grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start}
body.cd-theme .cd-cof-texte{grid-column:1}
body.cd-theme .cd-cof-compo{grid-column:1}
body.cd-theme .cd-cof-achat{grid-column:2;grid-row:1/span 2;position:sticky;top:100px}

body.cd-theme .cd-cof-tete{margin:0 0 .9rem;padding-bottom:.6rem;
  border-bottom:1px solid var(--b,#E9DCD3)}
body.cd-theme .cd-cof-oeil{display:inline-block;margin:0 0 .25rem;font-family:var(--mono,monospace);
  font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--a,#8C2F42)}
body.cd-theme .cd-cof-titre{margin:0;font-family:var(--titre,Georgia,serif);font-weight:400;
  font-size:1.3rem;line-height:1.15;color:var(--t,#241619)}

body.cd-theme .cd-cof-liste{list-style:none;margin:0;padding:0;
  background:var(--s,#fff);border:1px solid var(--b,#E9DCD3);border-radius:var(--r-p,8px);
  overflow:hidden}
body.cd-theme .cd-cof-item + .cd-cof-item{border-top:1px solid var(--b,#E9DCD3)}
body.cd-theme .cd-cof-item a{display:flex;align-items:center;gap:.85rem;padding:.7rem .8rem;
  text-decoration:none;color:var(--t,#241619);transition:background .18s}
body.cd-theme .cd-cof-item a:hover{background:var(--f,#FBF7F4)}
body.cd-theme .cd-cof-item.est-manquant a{opacity:.55}
body.cd-theme .cd-cof-vis{flex:0 0 56px;width:56px;height:56px;border-radius:6px;
  overflow:hidden;background:var(--f2,#F4EAE3)}
body.cd-theme .cd-cof-vis img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
body.cd-theme .cd-cof-nom{flex:1 1 auto;min-width:0;font-size:.9rem;line-height:1.35}
body.cd-theme .cd-cof-nom em{display:block;font-style:normal;font-family:var(--mono,monospace);
  font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--alerte,#B0552A)}
body.cd-theme .cd-cof-prix{flex:0 0 auto;font-family:var(--mono,monospace);font-size:.88rem;
  font-variant-numeric:tabular-nums;white-space:nowrap}

body.cd-theme .cd-cof-achat{padding:1.15rem 1.2rem;background:var(--peau-p,#F6E6DE);
  border:1px solid var(--peau,#E9CFC3);border-radius:var(--r,14px)}
body.cd-theme .cd-cof-chiffres{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.9rem}
body.cd-theme .cd-cof-barre{text-decoration:line-through;color:var(--d,#7A6058);
  font-family:var(--mono,monospace);font-size:.86rem}
body.cd-theme .cd-cof-total{font-family:var(--mono,monospace);font-size:1.6rem;line-height:1.1;
  color:var(--t,#241619);font-variant-numeric:tabular-nums}
body.cd-theme .cd-cof-eco{font-family:var(--mono,monospace);font-size:.66rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--a,#8C2F42)}
body.cd-theme .cd-cof-b{width:100%}
body.cd-theme .cd-cof-b.cd-fait{background:var(--ok,#2F7A5A);border-color:var(--ok,#2F7A5A)}
body.cd-theme .cd-cof-b.cd-charge{opacity:.6}
body.cd-theme .cd-cof-note{margin:.7rem 0 0;font-size:.78rem;line-height:1.5;color:var(--t2,#4A3439)}
body.cd-theme .cd-cof-indispo{margin:0;font-size:.86rem;line-height:1.55;color:var(--alerte,#B0552A)}
body.cd-theme .cd-cof-msg{margin:.6rem 0 0;font-size:.84rem;min-height:1.1em}
body.cd-theme .cd-cof-msg.est-ok{color:var(--ok,#2F7A5A)}
body.cd-theme .cd-cof-msg.est-erreur{color:var(--alerte,#B0552A)}
body.cd-theme .cd-cof-voir{color:var(--a,#8C2F42);text-decoration:underline;text-underline-offset:3px}

/* ── la liste ── */
body.cd-theme .cd-cof-grille{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;
  grid-template-columns:repeat(3,minmax(0,1fr))}
body.cd-theme .cd-cof-carte a{display:flex;flex-direction:column;gap:.35rem;height:100%;
  padding:.6rem .65rem .85rem;background:var(--s,#fff);border:1px solid var(--b,#E9DCD3);
  border-radius:var(--r,14px);text-decoration:none;color:var(--t,#241619);
  transition:border-color .2s,box-shadow .2s,transform .2s}
body.cd-theme .cd-cof-carte a:hover{border-color:var(--peau,#E9CFC3);transform:translateY(-3px);
  box-shadow:var(--ombre,0 18px 40px -24px rgba(60,30,35,.36))}
body.cd-theme .cd-cof-carte-vis{display:block;border-radius:var(--r-p,8px);overflow:hidden;
  background:var(--f2,#F4EAE3);margin-bottom:.3rem}
body.cd-theme .cd-cof-carte-vis img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;
  margin:0;padding:.3rem}
body.cd-theme .cd-cof-mosaique{display:grid;grid-template-columns:1fr 1fr;gap:2px}
body.cd-theme .cd-cof-mosaique img{aspect-ratio:1/1}
body.cd-theme .cd-cof-carte-nom{font-family:var(--titre,Georgia,serif);font-size:1.02rem;
  line-height:1.25}
body.cd-theme .cd-cof-carte-n{font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--d,#7A6058)}
body.cd-theme .cd-cof-carte-prix{margin-top:auto;padding-top:.25rem;font-family:var(--mono,monospace);
  font-size:.9rem;font-variant-numeric:tabular-nums}
body.cd-theme .cd-cof-carte-prix del{opacity:.5;margin-right:.35em;font-size:.84em}
body.cd-theme .cd-cof-carte-prix ins{text-decoration:none;color:var(--a,#8C2F42);font-weight:600}

/* Colonnes fixées, surplus jamais orphelin. */
@media (max-width:900px){
  body.cd-theme .cd-cof{grid-template-columns:minmax(0,1fr)}
  body.cd-theme .cd-cof-achat{grid-column:1;grid-row:auto;position:static}
  body.cd-theme .cd-cof-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  body.cd-theme .cd-cof-grille{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body.cd-theme .cd-cof-carte a:hover{transform:none}
}

/* ── l'écran d'administration ── */
.cd-cof-adm .cd-cof-bilan{margin-top:1rem;padding:.9rem 1rem;background:#F6E6DE;
  border:1px solid #E9CFC3;border-radius:8px}
.cd-cof-adm .cd-cof-bilan p{margin:0 0 .3rem}
.cd-cof-adm .cd-cof-ok{color:#2F7A5A}
.cd-cof-adm .cd-cof-ko{color:#B0552A;font-weight:600}