/* ==========================================================
   NomDeMarque — page panier harmonisée avec le reste du site
   (même typo Inter, même fond, même conteneur 1600px, mêmes
   boutons arrondis navy que la fiche produit/boutique).
   ========================================================== */

body.woocommerce-cart{ background:#faf8f5; font-family:"Inter",-apple-system,sans-serif; }

/* le conteneur natif (page-content) reprend le même gabarit que les autres
   pages boutique : centré, 1600px max, mêmes marges internes */
body.woocommerce-cart main > .wp-block-group,
body.woocommerce-cart .wp-block-woocommerce-cart{
  max-width:1600px !important; margin-left:auto !important; margin-right:auto !important;
}
body.woocommerce-cart main{ padding:0 1.5rem; }
@media (min-width:1024px){ body.woocommerce-cart main{ padding:0 4rem; } }

body.woocommerce-cart h1.wp-block-post-title{
  font-family:"Inter",-apple-system,sans-serif;
  font-weight:600; font-size:32px; letter-spacing:-.01em; color:#161311;
  margin:2rem 0 1.5rem;
}

/* -------- Colonne produits -------- */
.wc-block-cart-items__header,
.wc-block-cart-items__header-image,
.wc-block-cart-items__header-product,
.wc-block-cart-items__header-total{
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#6b665d;
}
.wc-block-cart-items{ border-top:1px solid #e7e2da; }
.wc-block-cart-item{
  border-bottom:1px solid #e7e2da !important;
  padding-top:1.5rem !important; padding-bottom:1.5rem !important;
}
.wc-block-cart-item__image img,
.wc-block-components-product-image img{
  border-radius:10px; background:#f3f4f3; object-fit:cover;
}
.wc-block-components-product-name{
  color:#161311 !important; font-weight:600 !important; font-size:15px !important;
  text-decoration:none !important;
}
.wc-block-components-product-metadata,
.wc-block-cart-item__prices .wc-block-components-product-price del,
.wc-block-components-product-badge{
  color:#6b665d !important; font-size:13px !important;
}
/* "Configuration" / "Tissu" (injectés en JS) au même endroit et dans le même
   style que les attributs de variation natifs ("Couleur", "Côté", ...) */
.wc-block-components-product-details{ display:flex; flex-direction:column; gap:.15rem; }
.wc-block-components-product-details__name{ font-weight:500; color:#6b665d; }
.wc-block-components-product-details__value{ color:#6b665d; }
.wc-block-components-product-price .price ins,
.wc-block-cart-item__total .price{
  color:#161311 !important; font-weight:600 !important; text-decoration:none !important;
}

/* Sélecteur de quantité : même style "stepper" arrondi que la fiche produit */
.wc-block-components-quantity-selector{
  border:1px solid #e7e2da !important; border-radius:12px !important;
  overflow:hidden; box-shadow:none !important; height:44px;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
  color:#6b665d !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover{
  color:#fff !important; background:#1E3A5F !important;
}
.wc-block-components-quantity-selector__input{
  font-family:"Inter",-apple-system,sans-serif; font-weight:500; color:#161311 !important;
}

/* Lien "Supprimer" natif : discret, aligné au reste (texte gris, hover ink) */
.wc-block-cart-item__remove-link{
  color:#6b665d !important; font-size:13px !important; text-decoration:underline !important;
  text-underline-offset:2px;
}
.wc-block-cart-item__remove-link:hover{ color:#161311 !important; }

/* -------- Panneau "Cart totals" -------- */
.wc-block-cart__totals-title{ display:none; } /* remplacé visuellement par le cadre ci-dessous */
.wc-block-cart__sidebar{ display:flex; flex-direction:column; gap:1rem; }
.wp-block-woocommerce-cart-order-summary-block{
  background:#fff; border:1px solid #e7e2da; border-radius:16px; padding:1.75rem !important;
}
.wc-block-cart__payment-options:empty{ display:none; }
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value{
  font-family:"Inter",-apple-system,sans-serif; color:#161311;
}
.wc-block-components-totals-item{ padding:.85rem 0 !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-weight:700 !important; font-size:18px !important;
}
/* Total avant réduction (barré), injecté en JS juste avant le total final */
.mic-original-total{
  text-decoration:line-through; color:#9a948a; font-weight:400 !important;
  font-size:14px !important; margin-right:.5rem;
}
.wc-block-components-panel__button{
  font-size:13px !important; color:#161311 !important; font-weight:500 !important;
}
.wc-block-components-totals-coupon__input input,
.wc-block-components-text-input input{
  border-radius:10px !important; border-color:#e7e2da !important;
}
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon .wc-block-components-button{
  border-radius:10px !important; background:#1E3A5F !important; border-color:#1E3A5F !important;
}

/* Bouton "Proceed to Checkout" — même bleu navy/rounded que "Ajouter au panier" */
.wc-block-cart__submit-button,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button{
  background:#1E3A5F !important; border-color:#1E3A5F !important; color:#fff !important;
  border-radius:12px !important; height:48px !important; font-size:12px !important;
  font-weight:600 !important; text-transform:uppercase; letter-spacing:.1em; box-shadow:none !important;
}
.wc-block-cart__submit-button:hover{ background:#16304f !important; }

/* Panier vide + "New in store" : mêmes marges/typo que le reste du site */
.wc-block-cart__empty-cart__title{
  font-family:"Inter",-apple-system,sans-serif; font-weight:600; color:#161311;
}
.wc-block-cart__empty-cart__title + p,
.wc-block-cart__dismiss-template *{
  color:#6b665d;
}
body.woocommerce-cart .wc-block-grid__product-title{ color:#161311; font-family:"Inter",-apple-system,sans-serif; }
body.woocommerce-cart .wc-block-grid__product-onsale{
  background:#1E3A5F !important; border-radius:6px !important; color:#fff !important;
  font-weight:600; text-transform:uppercase; letter-spacing:.04em;
}
body.woocommerce-cart .wc-block-grid__product .wp-block-button__link,
body.woocommerce-cart .wc-block-grid__product .add_to_cart_button{
  background:#1E3A5F !important; border-color:#1E3A5F !important; border-radius:10px !important;
  font-family:"Inter",-apple-system,sans-serif; text-transform:uppercase; letter-spacing:.06em; font-size:12px !important;
}
body.woocommerce-cart .wc-block-grid__product .wp-block-button__link:hover{ background:#16304f !important; }
body.woocommerce-cart .wc-block-cart__empty-cart__title{ font-size:22px; }

/* Ligne produit : sur petit écran, la colonne "Total" déborde du cadre
   (grid 4 colonnes trop étroite) — on l'empile sous l'image/le nom. */
@media (max-width:480px){
  .wc-block-cart-items__row{
    grid-template-columns:72px 1fr !important;
    grid-template-areas:"image product" "image total" !important;
    row-gap:.5rem;
  }
  .wc-block-cart-item__image{ grid-area:image; grid-row:auto !important; grid-column:auto !important; }
  .wc-block-cart-item__product{ grid-area:product; grid-row:auto !important; grid-column:auto !important; }
  .wc-block-cart-item__total{
    grid-area:total; grid-row:auto !important; grid-column:auto !important;
    text-align:left !important; justify-self:start !important;
    display:flex; flex-wrap:wrap; align-items:center; gap:.5rem;
  }
}