/* ════════════════════════════════════════════════════════════════════
   lefelin — Re-skin du tiroir panier Minimog à la DA Sérénité.
   Surcouche CSS UNIQUEMENT (markup + JS Minimog inchangés → l'ajout-au-
   panier AJAX reste fonctionnel). Tout est scopé sous .m-cart-drawer pour
   ne rien affecter ailleurs sur le site.
   ════════════════════════════════════════════════════════════════════ */
.m-cart-drawer {
  --lfk-paper: #fdf8ef;
  --lfk-paper-2: #f6ecdd;
  --lfk-card: #fffaf2;
  --lfk-ink: #2a2117;
  --lfk-ink-2: #473c2e;
  --lfk-muted: #8a7a63;
  --lfk-line: #ebddc8;
  --lfk-line-2: #e0cfb4;
  --lfk-accent: #b07a3c;
  --lfk-accent-deep: #7c5527;
  --lfk-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --lfk-sans: "Manrope", system-ui, sans-serif;
}

/* ════ Panneau ════ */
.m-cart-drawer .m-cart-drawer__inner {
  background: var(--lfk-paper) !important;
  font-family: var(--lfk-sans);
  color: var(--lfk-ink-2);
  --m-color-foreground: 42 33 23;
}
.m-cart-drawer .m-cart-drawer__close { color: var(--lfk-ink); opacity: 0.75; transition: opacity .2s, color .2s; }
.m-cart-drawer .m-cart-drawer__close:hover { opacity: 1; color: var(--lfk-accent-deep); }

/* ════ En-tête ════ */
.m-cart-drawer .m-cart-drawer__header { border-bottom: 1px solid var(--lfk-line); }
.m-cart-drawer .m-cart-drawer__title { font-family: var(--lfk-serif) !important; font-weight: 500 !important; color: var(--lfk-ink) !important; letter-spacing: -0.01em; }

/* ════ Articles ════ */
.m-cart-drawer .m-cart-drawer-item { border-bottom: 1px solid var(--lfk-line); }
.m-cart-drawer .m-cart-drawer-item__image,
.m-cart-drawer .m-cart-item__image { border-radius: 12px; overflow: hidden; border: 1px solid var(--lfk-line); background: #fff; }
.m-cart-drawer .m-cart-item__title { font-family: var(--lfk-serif) !important; font-weight: 500 !important; color: var(--lfk-ink) !important; line-height: 1.25; }
.m-cart-drawer .m-cart-item__title:hover { color: var(--lfk-accent-deep) !important; }
.m-cart-drawer .m-cart-drawer-item__variant,
.m-cart-drawer .m-cart-item__option,
.m-cart-drawer .m-cart-item__property,
.m-cart-drawer .m-cart-item__unit-price { color: var(--lfk-muted) !important; }
.m-cart-drawer .m-cart-item__price--regular,
.m-cart-drawer .m-cart-item__price--final { font-family: var(--lfk-serif); color: var(--lfk-ink) !important; }
.m-cart-drawer del.m-cart-item__price--regular,
.m-cart-drawer .m-cart-item__price-discounted del { color: var(--lfk-muted) !important; font-family: var(--lfk-sans); }

/* discount chips */
.m-cart-drawer .m-cart__discount--item { color: var(--lfk-accent-deep) !important; }

/* ════ Stepper quantité ════ */
.m-cart-drawer .m-quantity { background: var(--lfk-card); border: 1px solid var(--lfk-line-2); border-radius: 999px; overflow: hidden; }
.m-cart-drawer .m-quantity__button { color: var(--lfk-ink); transition: background .15s, color .15s; }
.m-cart-drawer .m-quantity__button:hover { background: var(--lfk-paper-2); color: var(--lfk-accent-deep); }
.m-cart-drawer .m-quantity__input { color: var(--lfk-ink); font-family: var(--lfk-sans); font-weight: 700; background: transparent; }
.m-cart-drawer .m-cart-item__remove,
.m-cart-drawer .m-cart-item__remove .m-button--link { color: var(--lfk-muted) !important; transition: color .2s; }
.m-cart-drawer .m-cart-item__remove:hover { color: #b4452f !important; }

/* ════ Vide ════ */
.m-cart-drawer .m-cart-drawer__empty { font-family: var(--lfk-serif); font-size: 1.3rem; color: var(--lfk-ink); text-align: center; padding: 40px 20px; }

/* ════ Pied / résumé ════ */
.m-cart-drawer .m-cart-drawer__footer { border-top: 1px solid var(--lfk-line); background: var(--lfk-card); }
.m-cart-drawer .m-cart__subtotal--label { color: var(--lfk-ink-2) !important; font-family: var(--lfk-sans); }
.m-cart-drawer .m-cart__subtotal--price { font-family: var(--lfk-serif) !important; color: var(--lfk-ink) !important; font-size: 1.35rem; }

/* ════ Boutons ════ */
/* ID #MinimogCartDrawer pour battre `body.lefelin .m-button--primary !important`
   (lf-product.css) sur les pages produit/collection, quelle que soit la page. */
#MinimogCartDrawer .m-button--primary,
.m-cart-drawer .m-button--primary {
  background: var(--lfk-accent) !important;
  color: #fff8ee !important;
  border: 0 !important;
  border-color: var(--lfk-accent) !important;
  border-radius: 999px !important;
  font-family: var(--lfk-sans) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  box-shadow: 0 14px 30px -16px rgba(176, 122, 60, 0.9);
  transition: background .2s, transform .2s, box-shadow .2s;
}
#MinimogCartDrawer .m-button--primary:hover,
.m-cart-drawer .m-button--primary:hover { background: var(--lfk-accent-deep) !important; transform: translateY(-2px); }
.m-cart-drawer .m-cart-drawer__link-to-cart { color: var(--lfk-ink-2) !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.m-cart-drawer .m-cart-drawer__link-to-cart:hover { color: var(--lfk-accent-deep) !important; }

/* terms checkbox accent */
.m-cart-drawer .form-field--checkbox__label { color: var(--lfk-ink-2); }
.m-cart-drawer .m-terms-conditons .form-field--checkbox__icon { color: var(--lfk-accent); }