/**

 * Cart Page - Styles Modernes

 * Design moderne avec layout 2 colonnes

 */



 .woocommerce-cart-page {

  padding: 8rem 0;

 }



/* ========================================

   PANIER VIDE

======================================== */



.cart-empty-state {

  text-align: center;

  padding: 80px 20px;

}



.empty-cart-icon {

  margin-bottom: 24px;

  opacity: 0.3;

}



.cart-empty-state h2 {

  font-size: 28px;

  font-weight: 600;

  margin-bottom: 12px;

  color: var(--bs-dark, #212529);

}



.cart-empty-state .text-muted {

  font-size: 16px;

  margin-bottom: 24px;

}



/* ========================================

   EN-TÊTE DU PANIER

======================================== */



.cart-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 16px;

  border-bottom: 2px solid var(--bs-light, #f8f9fa);

}



.cart-title {

  font-family: var(--heading-font);

  font-size: 32px;

  font-weight: 700;

  margin: 0;

  color: var(--bs-dark, #212529);

}



.cart-items-count {

  font-size: 16px;

  margin: 0;

}



/* ========================================

   BANNIÈRE LIVRAISON GRATUITE

======================================== */



.shipping-notice {

  display: flex;

  align-items: center;

  padding: 16px 20px;

  border-radius: 12px;

  font-size: 15px;

  border: none;

}



.shipping-notice svg {

  flex-shrink: 0;

}



.shipping-notice.alert-info {

  background-color: var(--bs-secondary);

  color: var(--bs-primary);

}



.shipping-notice.alert-success {

  background-color: #d4edda;

  color: #155724;

}



/* ========================================

   CARTE PRODUIT

======================================== */



.cart-items-wrapper {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.cart-item-card {

  display: grid;

  grid-template-columns: 100px 1fr auto auto auto;

  gap: 20px;

  align-items: center;

  padding: 24px;

  background: #fff;

  border: 1px solid #e9ecef;

  border-radius: 12px;

  transition: all 0.3s ease;

}



.cart-item-card:hover {

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

  border-color: #dee2e6;

}



/* Image */

.cart-item-image {

  width: 100px;

  height: 100px;

  flex-shrink: 0;

}



.cart-item-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 8px;

}



/* Détails produit */

.cart-item-details {

  flex: 1;

  min-width: 0; /* Pour le text-overflow */

}



.cart-item-name {

  font-size: 16px;

  font-weight: 600;

  margin: 0 0 8px 0;

  line-height: 1.4;

}



.cart-item-name a {

  color: var(--bs-dark, #212529);

  text-decoration: none;

  transition: color 0.2s ease;

}



.cart-item-name a:hover {

  color: var(--bs-primary, #0d6efd);

}



.cart-item-meta {

  font-size: 14px;

  color: #6c757d;

  margin-bottom: 8px;

}



.cart-item-meta dt,

.cart-item-meta dd {

  display: inline;

  margin: 0;

}



.cart-item-meta dt::after {

  content: ": ";

}



.cart-item-meta dd::after {

  content: " ";

}



.cart-item-price {

  font-size: 14px;

  color: #6c757d;

}



.cart-item-price .price-label {

  margin-right: 4px;

}



.cart-item-price .price-value {

  font-weight: 600;

  color: var(--bs-dark, #212529);

}



.backorder-notification {

  margin-top: 8px;

  margin-bottom: 0;

}



.backorder-notification small {

  color: #856404;

  background: #fff3cd;

  padding: 4px 8px;

  border-radius: 4px;

  font-size: 12px;

}



/* Quantité */

.cart-item-quantity {

  width: 120px;

}



.cart-item-quantity .quantity {

  margin: 0;

  display: flex;

  align-items: center;

  gap: 0;

  border: 1px solid #dee2e6;

  border-radius: 8px;

  overflow: hidden;

}



.cart-item-quantity .qty-btn {

  width: 36px;

  height: 42px;

  border: none;

  background: #f8f9fa;

  color: #495057;

  font-size: 18px;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.2s ease;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

}



.cart-item-quantity .qty-btn:hover {

  background: var(--bs-primary, #0d6efd);

  color: #fff;

}



.cart-item-quantity .qty-btn:active {

  transform: scale(0.95);

}



.cart-item-quantity input.qty {

  width: 48px;

  padding: 10px 8px;

  text-align: center;

  border: none;

  border-left: 1px solid #dee2e6;

  border-right: 1px solid #dee2e6;

  border-radius: 0;

  font-size: 15px;

  font-weight: 600;

  transition: all 0.2s ease;

}



.cart-item-quantity input.qty:focus {

  outline: none;

  background: #f8f9fa;

}



/* Supprimer les flèches des inputs number */

.cart-item-quantity input.qty::-webkit-outer-spin-button,

.cart-item-quantity input.qty::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.cart-item-quantity input.qty[type=number] {

  -moz-appearance: textfield;

}



/* Sous-total */

.cart-item-subtotal {

  min-width: 100px;

  text-align: right;

  font-size: 18px;

  font-weight: 700;

  color: var(--bs-dark, #212529);

}



/* Bouton supprimer */

.cart-item-remove {

  width: 40px;

}



.cart-item-remove .remove-item {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  color: #6c757d;

  background: transparent;

  border-radius: 8px;

  transition: all 0.2s ease;

  text-decoration: none;

}



.cart-item-remove .remove-item:hover {

  color: #dc3545;

}



/* ========================================

   ACTIONS DU PANIER

======================================== */



.cart-actions {

  padding: 24px;

  background: #f8f9fa;

  border-radius: 12px;

}



.cart-actions .row {

  align-items: flex-end;

}



.coupon-wrapper {

  margin: 0;

}



.coupon-wrapper .form-label {

  font-weight: 600;

  margin-bottom: 8px;

  color: var(--bs-dark, #212529);

  font-size: 14px;

}



.coupon-wrapper .input-group {

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

}



.coupon-wrapper input {

  border-right: none;

  height: 42px;

}



.coupon-wrapper .btn {

  white-space: nowrap;

  height: 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 16px;

}



.cart-actions .btn-outline-secondary {

  height: 42px;

}



/* Cacher le bouton "Mettre à jour" car la mise à jour est automatique */

.cart-actions .btn-outline-secondary[name="update_cart"] {

  display: none;

}



/* Bouton continuer les achats */

.continue-shopping {

  text-align: left;

}



.continue-shopping .btn-link {

  color: #6c757d;

  text-decoration: none;

  font-weight: 500;

  padding: 8px 0;

  display: inline-flex;

  align-items: center;

  transition: color 0.2s ease;

}



.continue-shopping .btn-link:hover {

  color: var(--bs-primary, #0d6efd);

}



/* ========================================

   SIDEBAR RÉCAPITULATIF

======================================== */



.cart-summary-sidebar {

  top: 100px;

}



.cart-summary-card {

  background: #fff;

  border: 1px solid #e9ecef;

  border-radius: 12px;

  padding: 28px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

}



.cart-summary-title {

  font-size: 22px;

  font-weight: 700;

  margin: 0 0 24px 0;

  padding-bottom: 16px;

  border-bottom: 2px solid #f8f9fa;

  color: var(--bs-dark, #212529);

}



/* Totaux du panier */

.cart-totals-wrapper .cart_totals {

  margin-bottom: 24px;

}



.cart-totals-wrapper table {

  width: 100%;

  margin: 0;

}



.cart-totals-wrapper th,

.cart-totals-wrapper td {

  padding: 12px 0;

  font-size: 15px;

  border-bottom: 1px solid #f8f9fa;

}



.cart-totals-wrapper th {

  font-weight: 500;

  color: #6c757d;

  text-align: left;

}



.cart-totals-wrapper td {

  font-weight: 600;

  color: var(--bs-dark, #212529);

  text-align: right;

}



.cart-totals-wrapper .order-total th,

.cart-totals-wrapper .order-total td {

  font-size: 20px;

  font-weight: 700;

  padding-top: 16px;

  border-top: 2px solid #dee2e6;

  border-bottom: none;

  color: var(--bs-dark, #212529);

}



/* Bouton commander */

.wc-proceed-to-checkout {

  margin-top: 24px;

}



.wc-proceed-to-checkout .checkout-button,

.wc-proceed-to-checkout a.button {

  display: block;

  width: 100%;

  padding: 16px 24px;

  font-size: 16px;

  font-weight: 600;

  text-align: center;

  text-decoration: none;

  color: #fff !important;

  background: var(--bs-primary, #0d6efd) !important;

  border: none;

  border-radius: 8px;

  transition: all 0.3s ease;

  box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);

}



.wc-proceed-to-checkout .checkout-button:hover,

.wc-proceed-to-checkout a.button:hover {

  background: var(--bs-primary-dark, #0b5ed7) !important;

  transform: translateY(-2px);

  box-shadow: 0 6px 16px rgba(13, 110, 253, 0.3);

}



/* Messages de réassurance */

.cart-reassurance {

  padding-top: 24px;

  border-top: 1px solid #f8f9fa;

}



.reassurance-item {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 8px 0;

  font-size: 14px;

  color: #6c757d;

}



.reassurance-item svg {

  flex-shrink: 0;

  color: var(--bs-success, #198754);

}



.reassurance-item span {

  line-height: 1.4;

}



/* ========================================

   PRODUITS CROSS-SELL

======================================== */



.cart-collaterals {

  margin-top: 48px;

}



.cross-sells {

  margin-top: 48px;

}



.cross-sells h2 {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 24px;

  color: var(--bs-dark, #212529);

}



/* ========================================

   RESPONSIVE

======================================== */



@media (max-width: 991px) {

  .cart-summary-sidebar {

    position: static !important;

    margin-top: 32px;

  }



  .cart-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

  }



  .cart-item-card {

    grid-template-columns: 80px 1fr;

    gap: 16px;

  }



  .cart-item-image {

    width: 80px;

    height: 80px;

  }



  .cart-item-quantity,

  .cart-item-subtotal,

  .cart-item-remove {

    grid-column: 2;

  }



  .cart-item-quantity {

    width: 100%;

    margin-top: 8px;

  }



  .cart-item-subtotal {

    text-align: left;

    margin-top: 8px;

  }



  .cart-item-remove {

    position: absolute;

    top: 16px;

    right: 16px;

    width: auto;

  }



  .cart-actions .row > div {

    text-align: left !important;

  }



  .cart-actions .btn {

    width: 100%;

    margin-top: 8px;

  }

}



@media (max-width: 575px) {

  .cart-title {

    font-size: 24px;

  }



  .cart-summary-card {

    padding: 20px;

  }



  .cart-item-card {

    padding: 16px;

    position: relative;

  }



  .shipping-notice {

    font-size: 14px;

    padding: 12px 16px;

  }

}



/* ========================================

   ANIMATIONS

======================================== */



@keyframes fadeIn {

  from {

    opacity: 0;

    transform: translateY(10px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.cart-item-card {

  animation: fadeIn 0.3s ease;

}



/* ========================================

   UTILITAIRES

======================================== */



/* Messages WooCommerce dans le panier - Cachés car on utilise les toasts */

.woocommerce-cart-page .woocommerce-notices-wrapper {

  display: none;

}