/*
 * Maison de l'Europe — Panier + tunnel de commande
 * V1 laboratoire
 *
 * Habillage graphique uniquement.
 * Aucun template du panier/checkout, aucun JavaScript, aucun module de paiement
 * et aucune logique PrestaShop/Mollie/DPD ne sont modifiés.
 */

body:is(#cart, #checkout) {
  --mde-blue: #1B537E;
  --mde-blue-dark: #123D60;
  --mde-yellow: #FFD25F;
  --mde-cream: #FFFDF6;
  --mde-pale-blue: #E5EFEF;
  --mde-ink: #2F3D49;
  --mde-muted: #667684;
  --mde-line: rgba(27, 83, 126, .18);
  --mde-shadow: 0 8px 22px rgba(47, 61, 73, .06);
  --mde-radius: 12px;

  color: var(--mde-ink);
  font-family: Arial, Helvetica, sans-serif;
}

body:is(#cart, #checkout) #wrapper {
  background: #f7f8f5;
}

body:is(#cart, #checkout) #wrapper > .container {
  padding-top: 1.15rem;
  padding-bottom: 2rem;
}

body:is(#cart, #checkout) a {
  color: var(--mde-blue);
}

body:is(#cart, #checkout) a:hover,
body:is(#cart, #checkout) a:focus {
  color: var(--mde-blue-dark);
}

/* =========================================================
   Boutons
   ========================================================= */

body:is(#cart, #checkout) .btn-primary,
body:is(#cart, #checkout) a.btn-primary,
body:is(#cart, #checkout) button.btn-primary,
body#checkout #payment-confirmation .btn-primary {
  min-height: 42px;
  padding: .68rem 1.2rem;
  border: 2px solid var(--mde-blue);
  border-radius: 8px;
  background: var(--mde-blue);
  color: #fff;
  font-weight: 700;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body:is(#cart, #checkout) .btn-primary:hover,
body:is(#cart, #checkout) .btn-primary:focus,
body:is(#cart, #checkout) a.btn-primary:hover,
body:is(#cart, #checkout) button.btn-primary:hover,
body#checkout #payment-confirmation .btn-primary:hover {
  border-color: var(--mde-blue-dark);
  background: var(--mde-blue-dark);
  color: #fff;
  box-shadow: 0 0 0 3px rgba(27, 83, 126, .10);
}

body:is(#cart, #checkout) .btn-primary:disabled,
body:is(#cart, #checkout) .btn-primary.disabled,
body:is(#cart, #checkout) button.btn-primary:disabled,
body#checkout #payment-confirmation .btn-primary:disabled {
  border-color: #d5dadd;
  background: #eef0f1;
  color: #a8b0b5;
  opacity: 1;
  box-shadow: none;
  cursor: not-allowed;
}

/* =========================================================
   PANIER
   ========================================================= */

body#cart .cart-grid-body .card,
body#cart .cart-grid-right .card,
body#cart .cart-summary {
  border: 1px solid var(--mde-line);
  border-top: 3px solid var(--mde-yellow);
  border-radius: var(--mde-radius);
  background: #fff;
  box-shadow: var(--mde-shadow);
  overflow: hidden;
}

body#cart .cart-grid-body .card-block,
body#cart .cart-grid-right .card-block {
  padding: 1.15rem 1.25rem;
}

body#cart .cart-grid-body .card-block h1,
body#cart .cart-grid-body .card-block .h1,
body#cart .cart-grid-body h1 {
  margin: 0;
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2vw, 2rem);
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
}

body#cart .cart-overview {
  padding: .15rem 1.1rem .35rem;
}

body#cart .cart-item {
  padding: 1rem 0;
  border-bottom: 1px solid var(--mde-line);
}

body#cart .cart-item:last-child {
  border-bottom: 0;
}

body#cart .cart-item .product-image img,
body#cart .cart-item img {
  border-radius: 8px;
}

body#cart .product-line-info a,
body#cart .product-line-info .label,
body#cart .product-line-grid-body > .product-line-info:first-child a {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

body#cart .product-line-info .current-price,
body#cart .product-price,
body#cart .price {
  color: var(--mde-blue);
  font-weight: 700;
}

body#cart .remove-from-cart {
  color: var(--mde-blue);
}

body#cart .remove-from-cart:hover {
  color: var(--mde-blue-dark);
}

body#cart .bootstrap-touchspin input.form-control,
body#cart input.js-cart-line-product-quantity {
  border: 1px solid rgba(27, 83, 126, .35);
  background: #fff;
  color: var(--mde-blue-dark);
  box-shadow: none;
}

body#cart .bootstrap-touchspin input.form-control:focus,
body#cart input.js-cart-line-product-quantity:focus {
  border-color: var(--mde-blue);
  box-shadow: 0 0 0 2px rgba(27, 83, 126, .10);
}

body#cart .bootstrap-touchspin .btn {
  border-color: rgba(27, 83, 126, .28);
  background: var(--mde-pale-blue);
  color: var(--mde-blue);
  box-shadow: none;
}

body#cart .bootstrap-touchspin .btn:hover {
  background: var(--mde-yellow);
  color: var(--mde-blue-dark);
}

body#cart .cart-grid-body > a.label,
body#cart .cart-grid-body > a {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin-top: .9rem;
  color: var(--mde-blue);
  font-weight: 600;
}

/* Récapitulatif de droite */

body#cart .cart-summary .cart-summary-products,
body#cart .cart-summary .cart-summary-line,
body#cart .cart-summary .cart-summary-totals,
body#cart .cart-summary .card-block {
  color: var(--mde-ink);
}

body#cart .cart-summary .cart-summary-products {
  padding-top: .2rem;
}

body#cart .cart-summary .cart-summary-products a {
  color: var(--mde-blue);
  font-weight: 600;
}

body#cart .cart-summary .cart-summary-line {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

body#cart .cart-summary .cart-summary-line .value {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

body#cart .cart-summary .cart-summary-totals {
  margin-top: .65rem;
  padding-top: .85rem;
  border-top: 1px solid var(--mde-line);
}

body#cart .cart-summary .cart-total,
body#cart .cart-summary .cart-summary-line.cart-total {
  color: var(--mde-blue-dark);
  font-size: 1.06rem;
  font-weight: 700;
}

body#cart .cart-summary .checkout {
  padding-top: .85rem;
}

body#cart .cart-summary .checkout .btn {
  width: 100%;
}

/* Minimum de commande / messages */
body#cart .cart-summary .alert,
body#cart .cart-summary .alert-danger,
body#cart .cart-summary .alert-warning {
  margin: .75rem 0;
  padding: .8rem .9rem;
  border: 1px solid var(--mde-yellow);
  border-left: 4px solid var(--mde-yellow);
  border-radius: 8px;
  background: var(--mde-cream);
  color: var(--mde-ink);
  font-size: .9rem;
  line-height: 1.4;
}

/* =========================================================
   TUNNEL DE COMMANDE
   ========================================================= */

body#checkout .checkout-step {
  margin-bottom: .85rem;
  border: 1px solid var(--mde-line);
  border-radius: var(--mde-radius);
  background: #fff;
  box-shadow: var(--mde-shadow);
  overflow: hidden;
}

body#checkout .checkout-step.-current {
  border-top: 3px solid var(--mde-yellow);
}

body#checkout .checkout-step .step-title {
  margin: 0;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid var(--mde-line);
  background: #fff;
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
}

body#checkout .checkout-step.-reachable .step-title,
body#checkout .checkout-step.-current .step-title {
  color: var(--mde-blue);
}

body#checkout .checkout-step.-unreachable .step-title {
  color: #87949d;
  background: #fbfbfa;
}

body#checkout .checkout-step .step-number {
  display: inline-flex;
  width: 30px;
  height: 30px;
  margin-right: .65rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(27, 83, 126, .35);
  border-radius: 50%;
  background: #fff;
  color: var(--mde-blue);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  vertical-align: middle;
}

body#checkout .checkout-step.-current .step-number {
  border-color: var(--mde-blue);
  background: var(--mde-blue);
  color: #fff;
}

body#checkout .checkout-step .done {
  color: var(--mde-blue);
}

body#checkout .checkout-step .step-edit {
  color: var(--mde-blue);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .88rem;
}

body#checkout .checkout-step .content {
  padding: 1.15rem 1.4rem 1.35rem;
}

/* Champs / textarea / choix */
body#checkout input[type="radio"],
body#checkout input[type="checkbox"] {
  accent-color: var(--mde-blue);
}

body#checkout .form-control,
body#checkout textarea,
body#checkout select {
  border: 1px solid rgba(27, 83, 126, .34);
  border-radius: 7px;
  background: #fff;
  color: var(--mde-ink);
  box-shadow: none;
}

body#checkout .form-control:focus,
body#checkout textarea:focus,
body#checkout select:focus {
  border-color: var(--mde-blue);
  box-shadow: 0 0 0 3px rgba(27, 83, 126, .10);
  outline: 0;
}

/* Adresse */
body#checkout .address-item {
  border: 1px solid var(--mde-line);
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

body#checkout .address-item.selected,
body#checkout .address-item:focus-within {
  border: 2px solid var(--mde-blue);
  box-shadow: 0 0 0 3px rgba(27, 83, 126, .07);
}

body#checkout .address-item .address {
  color: var(--mde-ink);
}

body#checkout .address-item .address-alias {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

body#checkout .address-item .address-footer {
  margin-top: .8rem;
  padding-top: .7rem;
  border-top: 1px solid var(--mde-line);
}

/* Livraison */
body#checkout .delivery-option {
  margin-bottom: .8rem;
  border: 1px solid var(--mde-line);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

body#checkout .delivery-option:hover {
  border-color: rgba(27, 83, 126, .36);
}

@supports selector(.delivery-option:has(input:checked)) {
  body#checkout .delivery-option:has(input:checked) {
    border: 2px solid var(--mde-blue);
    background: var(--mde-pale-blue);
    box-shadow: 0 0 0 3px rgba(27, 83, 126, .06);
  }
}

body#checkout .delivery-option label {
  margin: 0;
  padding: .9rem 1rem;
}

body#checkout .delivery-option .carrier-name {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

body#checkout .delivery-option .carrier-price {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

/* Paiement */
body#checkout .payment-options {
  margin-bottom: 1rem;
}

body#checkout .payment-option {
  margin-bottom: .55rem;
  padding: .65rem .8rem;
  border: 1px solid var(--mde-line);
  border-radius: 8px;
  background: #fff;
  transition: border-color .15s ease, background-color .15s ease;
}

body#checkout .payment-option:hover {
  border-color: rgba(27, 83, 126, .38);
}

@supports selector(.payment-option:has(input:checked)) {
  body#checkout .payment-option:has(input:checked) {
    border-color: var(--mde-blue);
    background: var(--mde-pale-blue);
  }
}

body#checkout .payment-option label {
  margin-bottom: 0;
  color: var(--mde-blue-dark);
  font-weight: 600;
}

body#checkout .payment-option img {
  max-height: 30px;
  width: auto;
}

body#checkout .additional-information {
  margin: -.1rem 0 .75rem 2.65rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(27, 83, 126, .18);
  border-radius: 8px;
  background: var(--mde-pale-blue);
  color: var(--mde-ink);
  line-height: 1.45;
}

/* CGV */
body#checkout .condition-label {
  padding: .8rem .9rem;
  border: 1px solid var(--mde-line);
  border-radius: 8px;
  background: var(--mde-cream);
}

body#checkout .condition-label label {
  margin-bottom: 0;
  color: var(--mde-ink);
}

body#checkout .condition-label a {
  font-weight: 600;
}

/* Vérification de commande */
body#checkout .order-options,
body#checkout .order-options + section,
body#checkout .order-confirmation-table {
  color: var(--mde-ink);
}

body#checkout #order-summary-content h4,
body#checkout .order-options + h4,
body#checkout .js-order-summary h4 {
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

body#checkout .order-confirmation-table {
  border: 1px solid var(--mde-line);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

body#checkout .order-confirmation-table .order-line,
body#checkout .order-confirmation-table .order-line + .order-line {
  border-top-color: var(--mde-line);
}

/* Récapitulatif de droite */
body#checkout .cart-summary,
body#checkout .cart-grid-right .card {
  border: 1px solid var(--mde-line);
  border-top: 3px solid var(--mde-yellow);
  border-radius: var(--mde-radius);
  background: #fff;
  box-shadow: var(--mde-shadow);
  overflow: hidden;
}

body#checkout .cart-summary .card-block,
body#checkout .cart-grid-right .card-block {
  padding: 1.05rem 1.15rem;
}

body#checkout .cart-summary-products a,
body#checkout .cart-summary-products .collapse-button {
  color: var(--mde-blue);
}

body#checkout .cart-summary-line .value {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

body#checkout .cart-summary-totals {
  margin-top: .65rem;
  padding-top: .85rem;
  border-top: 1px solid var(--mde-line);
}

body#checkout .cart-summary-line.cart-total,
body#checkout .cart-total {
  color: var(--mde-blue-dark);
  font-size: 1.06rem;
  font-weight: 700;
}

/* Produits dépliés dans le résumé */
body#checkout .cart-summary-products .media,
body#checkout .cart-summary-products .product-line-grid {
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-top: 1px solid rgba(27, 83, 126, .10);
}

body#checkout .cart-summary-products img {
  border-radius: 6px;
}

/* Réassurance à droite */
body:is(#cart, #checkout) .cart-grid-right .blockreassurance_product,
body:is(#cart, #checkout) .cart-grid-right #block-reassurance,
body:is(#cart, #checkout) .cart-grid-right .block-reassurance {
  margin-top: 1rem;
}

body:is(#cart, #checkout) .cart-grid-right .blockreassurance_product > div,
body:is(#cart, #checkout) .cart-grid-right #block-reassurance li,
body:is(#cart, #checkout) .cart-grid-right .block-reassurance li {
  margin-bottom: .55rem;
}

/* =========================================================
   Fenêtre CGV
   ========================================================= */

body#checkout .modal-content {
  border: 1px solid var(--mde-line);
  border-top: 3px solid var(--mde-yellow);
  border-radius: var(--mde-radius);
  background: #fff;
  box-shadow: 0 16px 45px rgba(47, 61, 73, .20);
  overflow: hidden;
}

body#checkout .modal-header {
  border-bottom: 1px solid var(--mde-line);
  background: var(--mde-cream);
}

body#checkout .modal-title,
body#checkout .modal-header h4,
body#checkout .modal-header .h4 {
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

body#checkout .modal-body {
  color: var(--mde-ink);
  line-height: 1.5;
}

body#checkout .modal-footer {
  border-top: 1px solid var(--mde-line);
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 991px) {
  body:is(#cart, #checkout) #wrapper > .container {
    padding-top: .9rem;
  }

  body#cart .cart-grid-right,
  body#checkout .cart-grid-right {
    margin-top: 1rem;
  }

  body#checkout .checkout-step .content {
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  body#cart .cart-grid-body .card-block,
  body#cart .cart-grid-right .card-block,
  body#checkout .cart-summary .card-block,
  body#checkout .cart-grid-right .card-block {
    padding: 1rem;
  }

  body#cart .cart-overview {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  body#checkout .checkout-step .step-title {
    padding: .85rem .9rem;
    font-size: 1.15rem;
  }

  body#checkout .checkout-step .content {
    padding: .9rem;
  }

  body#checkout .additional-information {
    margin-left: 0;
  }

  body:is(#cart, #checkout) .btn-primary,
  body#checkout #payment-confirmation .btn-primary {
    width: 100%;
  }

  body#checkout .delivery-option label {
    padding: .8rem;
  }

  body#checkout .payment-option {
    padding: .6rem .7rem;
  }
}

/* =========================================================
   MDE — Checkout : mise en peinture v2
   02/10/2026
   Panier inchangé. Habillage du tunnel de commande uniquement.
   ========================================================= */

body#checkout {
  --mde-pink: #FFFEF1;
}

/* Fond général du tunnel */
body#checkout #wrapper {
  background: var(--mde-pale-blue);
}

/* Grande carte de chaque étape */
body#checkout .checkout-step {
  border: 1px solid var(--mde-yellow);
  background: var(--mde-cream);
  box-shadow: 0 8px 22px rgba(47, 61, 73, .07);
}

/* L'étape active : même contour, sans double trait supérieur */
body#checkout .checkout-step.-current {
  border-top: 1px solid var(--mde-yellow);
}

/* En-tête de l'étape active : rose pâle MDE */
body#checkout .checkout-step.-current .step-title {
  background: var(--mde-pink);
  border-bottom: 1px solid rgba(27, 83, 126, .16);
  color: var(--mde-blue);
}

/* Étapes fermées : sobres et crème */
body#checkout .checkout-step:not(.-current) .step-title {
  background: var(--mde-cream);
}

/* Numéro d'étape : bleu MDE, même si le thème parent force du vert */
body#checkout .checkout-step.-current .step-number,
body#checkout .checkout-step.-current .step-number * {
  border-color: var(--mde-blue) !important;
  background: var(--mde-blue) !important;
  color: #fff !important;
}

/* Corps du formulaire */
body#checkout .checkout-step .content {
  background: var(--mde-cream);
}

/* Libellés : un peu plus MDE sans alourdir */
body#checkout .checkout-step .form-control-label,
body#checkout .checkout-step label:not(.custom-control-label) {
  color: var(--mde-blue-dark);
}

/* Champs blancs et focus bleu */
body#checkout .checkout-step .form-control,
body#checkout .checkout-step textarea,
body#checkout .checkout-step select {
  background: #fff;
  border-color: rgba(27, 83, 126, .30);
}

body#checkout .checkout-step .form-control:focus,
body#checkout .checkout-step textarea:focus,
body#checkout .checkout-step select:focus {
  border-color: var(--mde-blue);
  box-shadow: 0 0 0 3px rgba(27, 83, 126, .10);
}

/* Textes d'aide moins durs */
body#checkout .checkout-step .form-control-comment,
body#checkout .checkout-step .form-text,
body#checkout .checkout-step .text-muted {
  color: var(--mde-muted) !important;
}

/* Récapitulatif à droite : crème + contour jaune, comme le panier */
body#checkout .cart-summary,
body#checkout .cart-grid-right .cart-summary,
body#checkout .cart-grid-right > .card:first-child {
  border: 1px solid var(--mde-yellow);
  border-top: 1px solid var(--mde-yellow);
  background: var(--mde-cream);
  box-shadow: 0 8px 22px rgba(47, 61, 73, .07);
}

body#checkout .cart-summary .card-block,
body#checkout .cart-grid-right > .card:first-child .card-block {
  background: var(--mde-cream);
}

/* Le bloc de réassurance bleu pâle reste volontairement distinct */
body#checkout .cart-grid-right .blockreassurance_product,
body#checkout .cart-grid-right #block-reassurance,
body#checkout .cart-grid-right .block-reassurance {
  background: var(--mde-pale-blue);
}

/* =========================================================
   MDE — Correction harmonisation panier / checkout
   02/10/2026
   - restaure le panier validé (rose + crème + contours jaunes)
   - reprend pour le checkout le fond très pâle du panier
   - remet le bloc de réassurance dans sa carte bleu pâle
   ========================================================= */

/* Fond global : même teinte très pâle sur panier et checkout */
body#cart #wrapper,
body#checkout #wrapper {
  background: #f7f8f5;
}

/* -------------------------
   PANIER VALIDÉ
   ------------------------- */
body#cart .cart-grid-body .card,
body#cart .cart-summary {
  border: 1px solid var(--mde-yellow);
  border-top: 1px solid var(--mde-yellow);
  border-radius: var(--mde-radius);
  background: var(--mde-cream);
  box-shadow: var(--mde-shadow);
  overflow: hidden;
}

/* Bandeau titre Panier rose pâle */
body#cart .cart-grid-body .card > .card-block:first-child {
  background: #FFFEF1;
  border-bottom: 1px solid rgba(27, 83, 126, .16);
}

/* Corps du panier crème */
body#cart .cart-overview,
body#cart .cart-grid-body .card > .cart-overview {
  background: var(--mde-cream);
}

/* Résumé panier : crème + contour jaune */
body#cart .cart-grid-right .cart-summary,
body#cart .cart-grid-right > .card:first-child {
  border: 1px solid var(--mde-yellow);
  border-top: 1px solid var(--mde-yellow);
  background: var(--mde-cream);
}

body#cart .cart-summary .card-block,
body#cart .cart-grid-right > .card:first-child .card-block {
  background: var(--mde-cream);
}

/* -------------------------
   RÉASSURANCE PANIER + CHECKOUT
   ------------------------- */
body#cart .cart-grid-right .blockreassurance_product,
body#cart .cart-grid-right #block-reassurance,
body#cart .cart-grid-right .block-reassurance,
body#checkout .cart-grid-right .blockreassurance_product,
body#checkout .cart-grid-right #block-reassurance,
body#checkout .cart-grid-right .block-reassurance {
  margin-top: 1rem;
  padding: .75rem 1rem;
  border: 1px solid rgba(27, 83, 126, .20);
  border-radius: 10px;
  background: var(--mde-pale-blue);
  box-shadow: none;
}

/* -------------------------
   CHECKOUT
   ------------------------- */
/* On conserve la peinture validée du formulaire, avec le fond plus pâle */
body#checkout .checkout-step {
  border: 1px solid var(--mde-yellow);
  background: var(--mde-cream);
}

body#checkout .cart-summary,
body#checkout .cart-grid-right .cart-summary,
body#checkout .cart-grid-right > .card:first-child {
  border: 1px solid var(--mde-yellow);
  border-top: 1px solid var(--mde-yellow);
  background: var(--mde-cream);
}

/* =========================================================
   MDE — Cadres principaux 3 px
   02/10/2026
   Standard graphique MDE validé : cartes principales en jaune 3 px.
   Le bloc de réassurance conserve son contour bleu pâle discret.
   ========================================================= */

/* Panier : carte principale + résumé */
body#cart .cart-grid-body .card,
body#cart .cart-summary,
body#cart .cart-grid-right .cart-summary,
body#cart .cart-grid-right > .card:first-child {
  border: 3px solid var(--mde-yellow);
}

/* Checkout : étape active/fermées + résumé */
body#checkout .checkout-step,
body#checkout .cart-summary,
body#checkout .cart-grid-right .cart-summary,
body#checkout .cart-grid-right > .card:first-child {
  border: 3px solid var(--mde-yellow);
}

/* Réassurance : volontairement plus légère */
body#cart .cart-grid-right .blockreassurance_product,
body#cart .cart-grid-right #block-reassurance,
body#cart .cart-grid-right .block-reassurance,
body#checkout .cart-grid-right .blockreassurance_product,
body#checkout .cart-grid-right #block-reassurance,
body#checkout .cart-grid-right .block-reassurance {
  border: 1px solid rgba(27, 83, 126, .20);
}

/* =========================================================
   MDE — Focus du lien "afficher les détails"
   Supprime le cadre noir persistant après clic, tout en gardant
   un focus clavier discret et accessible aux couleurs MDE.
   ========================================================= */
body#checkout .cart-summary-products .collapse-button:focus,
body#checkout .cart-summary-products a.collapse-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

body#checkout .cart-summary-products .collapse-button:focus-visible,
body#checkout .cart-summary-products a.collapse-button:focus-visible {
  outline: 2px solid rgba(27, 83, 126, .45) !important;
  outline-offset: 2px;
  border-radius: 3px;
}

/* =========================================================
   MDE — Nettoyage des séparateurs en double
   02/10/2026
   Une seule ligne visuelle par zone : on supprime les traits
   ajoutés par notre couche lorsqu'un séparateur Classic existe déjà.
   ========================================================= */

/* Panier + résumé checkout :
   le thème fournit déjà la séparation avant le total. */
body#cart .cart-summary .cart-summary-totals,
body#checkout .cart-summary-totals {
  border-top: 0 !important;
}

/* Étapes fermées ou déjà terminées :
   le cadre jaune suffit, pas de trait intérieur supplémentaire. */
body#checkout .checkout-step:not(.-current) .step-title {
  border-bottom: 0 !important;
}

/* Étape active :
   on conserve uniquement le séparateur discret sous le bandeau. */
body#checkout .checkout-step.-current .step-title {
  border-bottom: 1px solid rgba(27, 83, 126, .16) !important;
}

/* Carte d'adresse :
   évite le second trait au-dessus des actions Modifier / Supprimer. */
body#checkout .address-item .address-footer {
  border-top: 0 !important;
}

/* =========================================================
   MDE — Finitions paiement + focus du résumé
   02/10/2026
   ========================================================= */

/* Bloc explicatif du moyen de paiement :
   texte foncé MDE pour un contraste net sur le bleu pâle. */
body#checkout .additional-information,
body#checkout .additional-information p,
body#checkout .additional-information span,
body#checkout .additional-information div {
  color: var(--mde-ink) !important;
}

/* CGV : même retrait visuel que le bloc explicatif. */
body#checkout .condition-label {
  margin-left: 2.65rem;
  padding-top: .9rem;
  padding-bottom: .9rem;
}

/* "Afficher les détails" :
   neutralise complètement le cadre noir natif/Bootstrap
   après clic, quelle que soit la variante de balise utilisée. */
body#checkout .cart-summary-products .collapse-button,
body#checkout .cart-summary-products a[data-toggle="collapse"],
body#checkout .cart-summary-products button[data-toggle="collapse"] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#checkout .cart-summary-products .collapse-button:focus,
body#checkout .cart-summary-products .collapse-button:active,
body#checkout .cart-summary-products .collapse-button:focus-visible,
body#checkout .cart-summary-products a[data-toggle="collapse"]:focus,
body#checkout .cart-summary-products a[data-toggle="collapse"]:active,
body#checkout .cart-summary-products a[data-toggle="collapse"]:focus-visible,
body#checkout .cart-summary-products button[data-toggle="collapse"]:focus,
body#checkout .cart-summary-products button[data-toggle="collapse"]:active,
body#checkout .cart-summary-products button[data-toggle="collapse"]:focus-visible {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* On garde un repère clavier discret sans rectangle. */
body#checkout .cart-summary-products .collapse-button:focus-visible,
body#checkout .cart-summary-products a[data-toggle="collapse"]:focus-visible,
body#checkout .cart-summary-products button[data-toggle="collapse"]:focus-visible {
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Sur petit écran, pas de retrait artificiel pour les CGV. */
@media (max-width: 767px) {
  body#checkout .condition-label {
    margin-left: 0;
  }
}

/* =========================================================
   MDE — CGV : case à cocher intégrée dans la carte
   02/10/2026
   ========================================================= */

/* La carte englobe désormais la case ET le texte. */
body#checkout #conditions-to-approve .form-group {
  margin-left: 2.65rem;
  padding: .85rem .9rem;
  border: 1px solid var(--mde-line);
  border-radius: 8px;
  background: var(--mde-cream);
}

/* On neutralise l'ancienne carte appliquée seulement au libellé. */
body#checkout #conditions-to-approve .condition-label {
  margin-left: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* La case reste bien alignée avec la première ligne du texte. */
body#checkout #conditions-to-approve input[type="checkbox"] {
  margin-top: .12rem;
}

/* Mobile : la carte reprend toute la largeur utile. */
@media (max-width: 767px) {
  body#checkout #conditions-to-approve .form-group {
    margin-left: 0;
  }
}

/* =========================================================
   MDE — CGV : correction structure réelle PrestaShop
   02/10/2026
   La liste <li> contient la case et le libellé : c'est elle
   qui devient la carte, pas un .form-group inexistant ici.
   ========================================================= */

body#checkout #conditions-to-approve ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body#checkout #conditions-to-approve li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin: .85rem 0 .85rem 2.65rem;
  padding: .85rem .9rem;
  border: 1px solid var(--mde-line);
  border-radius: 8px;
  background: var(--mde-cream);
}

body#checkout #conditions-to-approve li .float-xs-left {
  float: none !important;
  flex: 0 0 auto;
  margin: .08rem 0 0 0;
}

body#checkout #conditions-to-approve li .condition-label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body#checkout #conditions-to-approve li .condition-label label {
  display: block;
  margin: 0;
  color: var(--mde-ink);
  line-height: 1.4;
}

/* Neutralise la tentative précédente sur un .form-group absent. */
body#checkout #conditions-to-approve .form-group {
  margin-left: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Case carrée propre aux couleurs MDE. */
body#checkout #conditions-to-approve .custom-checkbox {
  display: inline-flex;
  align-items: center;
}

body#checkout #conditions-to-approve .custom-checkbox > span {
  margin-top: 0;
  border-color: rgba(27, 83, 126, .55);
  background: #fff;
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span {
  border-color: var(--mde-blue);
  background: var(--mde-blue);
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
  color: #fff;
}

@media (max-width: 767px) {
  body#checkout #conditions-to-approve li {
    margin-left: 0;
  }
}

/* =========================================================
   MDE — CGV : alignement final de la case
   02/10/2026
   La case est positionnée explicitement dans la carte afin
   qu'elle reste sur la même ligne que le texte.
   ========================================================= */

body#checkout #conditions-to-approve li {
  position: relative;
  display: block !important;
  padding: .85rem .9rem .85rem 2.85rem !important;
}

/* Bloc contenant la case : position fixe dans la carte */
body#checkout #conditions-to-approve li .float-xs-left {
  position: absolute !important;
  top: .87rem !important;
  left: .9rem !important;
  float: none !important;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0 !important;
}

/* La case personnalisée ne doit plus influencer la ligne de texte */
body#checkout #conditions-to-approve li .custom-checkbox {
  position: relative;
  display: block !important;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0 !important;
}

/* Le carré visible reste parfaitement calé */
body#checkout #conditions-to-approve li .custom-checkbox > span {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

/* Texte : démarre au même niveau vertical que la case */
body#checkout #conditions-to-approve li .condition-label,
body#checkout #conditions-to-approve li .condition-label label {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35;
}

/* =========================================================
   MDE — CGV : alignement horizontal final
   02/10/2026
   La carte CGV s'aligne sur les cartes de paiement au-dessus.
   ========================================================= */
body#checkout #conditions-to-approve li {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
  box-sizing: border-box;
}

/* =========================================================
   MDE — Paiement sélectionné : contraste du texte
   02/10/2026
   Le fond bleu pâle suffit pour signaler la sélection ;
   le texte reste en encre MDE pour une lecture confortable.
   ========================================================= */
body#checkout .payment-option,
body#checkout .payment-option label,
body#checkout .payment-option span,
body#checkout .payment-option div {
  color: var(--mde-ink) !important;
}

@supports selector(.payment-option:has(input:checked)) {
  body#checkout .payment-option:has(input:checked),
  body#checkout .payment-option:has(input:checked) label,
  body#checkout .payment-option:has(input:checked) span,
  body#checkout .payment-option:has(input:checked) div {
    color: var(--mde-ink) !important;
  }
}

/* =========================================================
   MDE — Bouton COMMANDER désactivé : contraste + focus
   02/10/2026
   ========================================================= */

/* État désactivé : fond neutre clair + texte foncé lisible */
body#checkout #payment-confirmation .btn-primary:disabled,
body#checkout #payment-confirmation .btn-primary.disabled,
body#checkout #payment-confirmation button.btn-primary[disabled] {
  border-color: #cbd3d8 !important;
  background: #f1f3f4 !important;
  color: #5a6873 !important;
  box-shadow: none !important;
  outline: 0 !important;
  opacity: 1 !important;
}

/* Aucun flash/cadre bleu au survol ou au focus tant qu'il est désactivé */
body#checkout #payment-confirmation .btn-primary:disabled:hover,
body#checkout #payment-confirmation .btn-primary:disabled:focus,
body#checkout #payment-confirmation .btn-primary.disabled:hover,
body#checkout #payment-confirmation .btn-primary.disabled:focus,
body#checkout #payment-confirmation button.btn-primary[disabled]:hover,
body#checkout #payment-confirmation button.btn-primary[disabled]:focus {
  border-color: #cbd3d8 !important;
  background: #f1f3f4 !important;
  color: #5a6873 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Dès qu'il est actif, retour au vrai bouton MDE */
body#checkout #payment-confirmation .btn-primary:not(:disabled):not(.disabled) {
  border-color: var(--mde-blue) !important;
  background: var(--mde-blue) !important;
  color: #fff !important;
}
/* =========================================================
   MDE – Confirmation de commande
   ========================================================= */

body#order-confirmation{
  --mde-blue: #1B537E;
  --mde-blue-dark: #123D60;
  --mde-blue-pale: #E5EFEF;
  --mde-cream: #FFFDF6;
  --mde-yellow: #FFD25F;
  --mde-champagne: #FFFEF1;
  --mde-text: #2F3D49;
  --mde-muted: #667684;
  --mde-line: rgba(27, 83, 126, .18);
  --mde-success-bg: #EEF8F0;
  --mde-success-text: #246B3B;
}

/* fond général */
body#order-confirmation,
body#order-confirmation main,
body#order-confirmation #wrapper {
  background: #f7f8f5;
}

/* conteneur principal */
body#order-confirmation #content-hook_order_confirmation,
body#order-confirmation .card,
body#order-confirmation .order-confirmation-table,
body#order-confirmation .details {
  background: var(--mde-cream);
  border: 3px solid var(--mde-yellow);
  border-radius: 14px;
  box-shadow: none;
}

/* zone supérieure de confirmation */
body#order-confirmation #content-hook_order_confirmation {
  padding: 28px 30px;
}

/* fil d’ariane */
body#order-confirmation .breadcrumb {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

body#order-confirmation .breadcrumb li,
body#order-confirmation .breadcrumb a {
  color: var(--mde-muted);
}

/* titre principal */
body#order-confirmation h3,
body#order-confirmation h4,
body#order-confirmation .h1,
body#order-confirmation .page-order-confirmation h3 {
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

/* message de succès */
body#order-confirmation .alert.alert-success,
body#order-confirmation .order-confirmation-table + p,
body#order-confirmation .card-block > p:first-child {
  background: var(--mde-success-bg);
  color: var(--mde-success-text);
  border: 1px solid #B7D8BE;
  border-radius: 12px;
  padding: 14px 18px;
}

/* texte général */
body#order-confirmation p,
body#order-confirmation li,
body#order-confirmation dd,
body#order-confirmation dt {
  color: var(--mde-text);
}

/* liens */
body#order-confirmation a {
  color: var(--mde-blue);
}
body#order-confirmation a:hover {
  color: var(--mde-blue-dark);
}

/* tableau récapitulatif commande */
body#order-confirmation .order-confirmation-table {
  margin-top: 22px;
  padding: 18px 18px 10px;
}

body#order-confirmation .order-confirmation-table table,
body#order-confirmation .table {
  margin-bottom: 0;
  background: transparent;
}

body#order-confirmation .table thead th {
  color: var(--mde-blue);
  font-family: Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid var(--mde-line);
  background: transparent;
}

body#order-confirmation .table td,
body#order-confirmation .table th {
  border-top: 1px solid var(--mde-line);
  vertical-align: top;
}

body#order-confirmation .table tfoot td,
body#order-confirmation .table tfoot th {
  font-weight: 700;
}

/* image produit */
body#order-confirmation .order-line img,
body#order-confirmation .product-image img,
body#order-confirmation .image img {
  border: 2px solid var(--mde-yellow);
  border-radius: 10px;
  background: #fff;
  padding: 4px;
}

/* bloc détails de la commande */
body#order-confirmation .details {
  margin-top: 22px;
  padding: 20px 22px;
}

body#order-confirmation .details h3,
body#order-confirmation .details h4 {
  margin-top: 0;
  margin-bottom: 14px;
}

/* total TTC mis en évidence */
body#order-confirmation .table tfoot tr:last-child td,
body#order-confirmation .table tfoot tr:last-child th,
body#order-confirmation .total-value,
body#order-confirmation .order-confirmation-table .font-weight-bold {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

/* produits populaires */
body#order-confirmation .featured-products,
body#order-confirmation .product-accessories,
body#order-confirmation .products-section {
  margin-top: 30px;
}

body#order-confirmation .featured-products h2,
body#order-confirmation .products-section-title,
body#order-confirmation .product-accessories h2 {
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  text-align: center;
  margin-bottom: 18px;
}

body#order-confirmation .js-product-miniature,
body#order-confirmation .product-miniature {
  background: var(--mde-cream);
  border: 2px solid var(--mde-yellow);
  border-radius: 12px;
  padding: 10px;
}

body#order-confirmation .product-title a,
body#order-confirmation .product-price {
  color: var(--mde-blue-dark);
}

body#order-confirmation .all-product-link,
body#order-confirmation .all-products-link {
  color: var(--mde-blue);
  font-weight: 700;
}

/* responsive */
@media (max-width: 767.98px) {
  body#order-confirmation #content-hook_order_confirmation,
  body#order-confirmation .order-confirmation-table,
  body#order-confirmation .details {
    padding: 16px;
    border-radius: 12px;
  }

  body#order-confirmation .table thead {
    display: none;
  }
}

/* =========================================================
   MDE — Confirmation : premier cadre en crème
   02/10/2026
   ========================================================= */
body#order-confirmation #content-hook_order_confirmation,
body#order-confirmation #content-hook_order_confirmation .card,
body#order-confirmation #content-hook_order_confirmation .card-block {
  background: #FFFDF6 !important;
}

/* =========================================================
   MDE — Confirmation : hiérarchie visuelle finale
   02/10/2026
   - premier bloc crème
   - bandeau titre rose pâle
   - bloc Articles en crème avec en-tête bleu pâle discret
   ========================================================= */

/* Premier bloc : crème, bien distinct du fond général */
body#order-confirmation #content-hook_order_confirmation {
  background: var(--mde-cream) !important;
}

/* Bandeau du titre de confirmation */
body#order-confirmation #content-hook_order_confirmation h3,
body#order-confirmation #content-hook_order_confirmation .h3,
body#order-confirmation #content-hook_order_confirmation .h1 {
  margin: -28px -30px 20px !important;
  padding: 16px 30px !important;
  background: var(--mde-champagne) !important;
  border-bottom: 1px solid rgba(27, 83, 126, .16);
  border-radius: 11px 11px 0 0;
  color: var(--mde-blue) !important;
}

/* Bloc Articles : on garde le corps crème */
body#order-confirmation .order-confirmation-table {
  background: var(--mde-cream) !important;
}

/* En-tête du tableau : bleu pâle discret pour créer un deuxième niveau */
body#order-confirmation .order-confirmation-table thead,
body#order-confirmation .order-confirmation-table .order-confirmation-table-header {
  background: var(--mde-blue-pale) !important;
}

body#order-confirmation .order-confirmation-table thead th {
  background: transparent !important;
  color: var(--mde-blue-dark) !important;
}

/* Responsive : on adapte le bandeau titre aux marges plus petites */
@media (max-width: 767.98px) {
  body#order-confirmation #content-hook_order_confirmation h3,
  body#order-confirmation #content-hook_order_confirmation .h3,
  body#order-confirmation #content-hook_order_confirmation .h1 {
    margin: -16px -16px 16px !important;
    padding: 14px 16px !important;
    border-radius: 9px 9px 0 0;
  }
}

/* =========================================================
   MDE — Confirmation : vrai bandeau "Articles de la commande"
   02/10/2026
   Le thème Classic place les 4 titres dans #order-items > .row,
   juste avant .order-confirmation-table : ce n'est pas un <thead>.
   ========================================================= */

body#order-confirmation #order-items > .row:first-child {
  margin-left: 0;
  margin-right: 0;
  padding: 14px 16px;
  border-radius: 10px 10px 0 0;
  background: var(--mde-blue-pale) !important;
}

body#order-confirmation #order-items > .row:first-child .card-title {
  margin-bottom: 0;
  color: var(--mde-blue-dark) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
}

/* Le tableau produit vient se coller proprement sous le bandeau. */
body#order-confirmation #order-items > .order-confirmation-table {
  margin-top: 0 !important;
}

/* Neutralise l'ancienne tentative sur un thead inexistant ici. */
body#order-confirmation .order-confirmation-table thead,
body#order-confirmation .order-confirmation-table .order-confirmation-table-header {
  background: transparent !important;
}

/* =========================================================
   MDE — Confirmation : alignement du titre sur le texte
   02/10/2026
   Le texte du titre commence sur le même axe que les lignes
   explicatives ; la coche verte reste dans la petite marge gauche.
   ========================================================= */

body#order-confirmation #content-hook_order_confirmation h3,
body#order-confirmation #content-hook_order_confirmation .h3,
body#order-confirmation #content-hook_order_confirmation .h1 {
  position: relative;
  padding-left: 30px !important;
}

/* La coche ne décale plus le texte du titre */
body#order-confirmation #content-hook_order_confirmation h3 .material-icons,
body#order-confirmation #content-hook_order_confirmation .h3 .material-icons,
body#order-confirmation #content-hook_order_confirmation .h1 .material-icons,
body#order-confirmation #content-hook_order_confirmation h3 i,
body#order-confirmation #content-hook_order_confirmation .h3 i,
body#order-confirmation #content-hook_order_confirmation .h1 i {
  position: absolute;
  left: 8px;
  top: 50%;
  margin: 0 !important;
  transform: translateY(-50%);
}

/* =========================================================
   MDE — Confirmation : coche légèrement décalée à gauche
   02/10/2026
   ========================================================= */
body#order-confirmation #content-hook_order_confirmation h3 .material-icons,
body#order-confirmation #content-hook_order_confirmation .h3 .material-icons,
body#order-confirmation #content-hook_order_confirmation .h1 .material-icons,
body#order-confirmation #content-hook_order_confirmation h3 i,
body#order-confirmation #content-hook_order_confirmation .h3 i,
body#order-confirmation #content-hook_order_confirmation .h1 i {
  left: 0 !important;
}

/* =========================================================
   MDE — Confirmation : coche encore légèrement à gauche
   02/10/2026
   ========================================================= */
body#order-confirmation #content-hook_order_confirmation h3 .material-icons,
body#order-confirmation #content-hook_order_confirmation .h3 .material-icons,
body#order-confirmation #content-hook_order_confirmation .h1 .material-icons,
body#order-confirmation #content-hook_order_confirmation h3 i,
body#order-confirmation #content-hook_order_confirmation .h3 i,
body#order-confirmation #content-hook_order_confirmation .h1 i {
  left: -8px !important;
}

/* =========================================================
   MDE — Pop-up "Produit ajouté au panier"
   03/10/2026
   Même langage visuel que les formulaires et le panier :
   jaune 3 px, crème filtre, bleu MDE.
   ========================================================= */

#blockcart-modal {
  --mde-blue: #1B537E;
  --mde-blue-dark: #123D60;
  --mde-yellow: #FFD25F;
  --mde-filter-cream: #FFFEF1;
  --mde-pale-blue: #E5EFEF;
  --mde-ink: #2F3D49;
  --mde-line: rgba(27, 83, 126, .18);
}

#blockcart-modal .modal-content {
  border: 3px solid var(--mde-yellow);
  border-radius: 12px;
  background: var(--mde-filter-cream);
  box-shadow: 0 16px 40px rgba(47, 61, 73, .18);
  overflow: hidden;
}

#blockcart-modal .modal-header {
  padding: .95rem 1.25rem;
  border-bottom: 1px solid var(--mde-line);
  background: var(--mde-pale-blue);
}

#blockcart-modal .modal-title,
#blockcart-modal .modal-header .h6 {
  color: var(--mde-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: none;
}

#blockcart-modal .modal-header .material-icons {
  color: #2EAE57;
}

#blockcart-modal .modal-header .close {
  color: var(--mde-blue-dark);
  opacity: 1;
  text-shadow: none;
}

#blockcart-modal .modal-body {
  background: var(--mde-filter-cream);
  color: var(--mde-ink);
}

#blockcart-modal .product-name {
  color: var(--mde-blue);
  font-weight: 700;
}

#blockcart-modal .divide-right {
  border-right-color: var(--mde-line);
}

#blockcart-modal .cart-content {
  color: var(--mde-ink);
}

#blockcart-modal .cart-content p,
#blockcart-modal .cart-content .cart-products-count {
  color: var(--mde-ink);
}

#blockcart-modal .cart-content .product-total,
#blockcart-modal .cart-content .value {
  color: var(--mde-blue-dark);
  font-weight: 700;
}

/* Bouton secondaire : blanc/bleu, sans rivaliser avec Commander */
#blockcart-modal .cart-content-btn .btn-secondary,
#blockcart-modal .cart-content-btn button.btn-secondary {
  border: 2px solid var(--mde-blue);
  border-radius: 8px;
  background: #fff;
  color: var(--mde-blue);
  font-weight: 700;
  box-shadow: none;
}

#blockcart-modal .cart-content-btn .btn-secondary:hover,
#blockcart-modal .cart-content-btn button.btn-secondary:hover {
  border-color: var(--mde-blue-dark);
  background: var(--mde-pale-blue);
  color: var(--mde-blue-dark);
}

/* Action principale */
#blockcart-modal .cart-content-btn .btn-primary,
#blockcart-modal .cart-content-btn a.btn-primary {
  border: 2px solid var(--mde-blue);
  border-radius: 8px;
  background: var(--mde-blue);
  color: #fff;
  font-weight: 700;
  box-shadow: none;
}

#blockcart-modal .cart-content-btn .btn-primary:hover,
#blockcart-modal .cart-content-btn a.btn-primary:hover {
  border-color: var(--mde-blue-dark);
  background: var(--mde-blue-dark);
  color: #fff;
}

/* Total : garder un rappel sobre, pas un gris Classic trop présent */
#blockcart-modal .cart-content .cart-content-btn,
#blockcart-modal .cart-content .cart-total {
  border-top-color: var(--mde-line);
}

@media (max-width: 767px) {
  #blockcart-modal .modal-content {
    border-width: 2px;
  }

  #blockcart-modal .divide-right {
    border-right: 0;
    border-bottom: 1px solid var(--mde-line);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}


/* =========================================================
   MDE — Remplacement du rose par le crème des filtres
   03/10/2026
   ========================================================= */

/* Panier */
body#cart .cart-grid-body .card > .card-block:first-child {
  background: #FFFEF1 !important;
}

/* Étape active du checkout */
body#checkout .checkout-step.-current .step-title {
  background: #FFFEF1 !important;
}

/* Bandeau de confirmation de commande */
body#order-confirmation #content-hook_order_confirmation h3,
body#order-confirmation #content-hook_order_confirmation .h3,
body#order-confirmation #content-hook_order_confirmation .h1 {
  background: #FFFEF1 !important;
}