/**
 * Restyle du panier/checkout/compte natifs WooCommerce — cf. inc/cart-
 * enhancements.php pour l'explication de la décision de ne PAS surcharger
 * ces templates en profondeur. Ce fichier cible les classes que WooCommerce
 * génère lui-même (.woocommerce-cart-form, .woocommerce-checkout,
 * .woocommerce-MyAccount-*), jamais des classes inventées — si WooCommerce
 * change une classe dans une mise à jour, ce fichier peut perdre en style
 * mais jamais casser une fonctionnalité, puisqu'aucun balisage n'est modifié.
 */

/* --- Barre de livraison offerte (inc/cart-enhancements.php) --- */
.cart-shipping-bar{
  background: var(--cream-deep);
  border-radius: var(--radius-card-sm);
  padding: var(--space-4) var(--space-6);
  margin-bottom: var(--space-6);
  font-size: .9rem;
  color: var(--taupe);
}
.cart-shipping-bar--reached{ background: #E4E9DE; color: var(--sage-deep); font-weight: 500; }
.progress-track{
  height: 6px;
  background: var(--champagne);
  border-radius: var(--radius-pill);
  margin-top: var(--space-3);
  overflow: hidden;
}
.progress-fill{ height: 100%; background: var(--accent); border-radius: var(--radius-pill); }

/* --- Option emballage cadeau --- */
.gift-wrap-option{
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--cream-deep);
  border-radius: var(--radius-field);
  font-size: .9rem;
}
.gift-wrap-option label{ display: flex; align-items: center; gap: var(--space-2); }

/* --- Habillage général des tableaux/boutons WooCommerce natifs --- */
.woocommerce-cart table.cart,
.woocommerce-checkout table.shop_table{
  border-collapse: collapse;
  width: 100%;
}
.woocommerce-cart table.cart th,
.woocommerce-checkout table.shop_table th{
  font-family: var(--font-display);
  color: var(--taupe);
  text-align: left;
  padding: var(--space-3);
  border-bottom: 1px solid var(--champagne);
}
.woocommerce-cart table.cart td,
.woocommerce-checkout table.shop_table td{
  padding: var(--space-3);
  border-bottom: 1px solid var(--champagne);
  font-size: .9rem;
}

.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-cart input.button,
.woocommerce-checkout #place_order{
  background: var(--accent);
  color: var(--white);
  border-radius: var(--radius-btn);
  padding: 14px 28px;
  font-family: var(--font-body);
  font-weight: 500;
  border: none;
}
.woocommerce-cart .button:hover,
.woocommerce-checkout #place_order:hover{ background: var(--accent-deep); }

.woocommerce-checkout #payment{
  background: var(--cream-deep);
  border-radius: var(--radius-card-sm);
  padding: var(--space-6);
}

/* --- Mon compte --- */
.woocommerce-MyAccount-navigation ul{ display: flex; flex-direction: column; gap: var(--space-1); }
.woocommerce-MyAccount-navigation a{
  display: block;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-field);
  font-size: .9rem;
  color: var(--taupe-soft);
}
.woocommerce-MyAccount-navigation li.is-active a{ background: var(--cream-deep); color: var(--taupe); font-weight: 500; }
.woocommerce-MyAccount-content{ font-size: .92rem; }

@media (min-width: 1024px){
  .woocommerce-account .woocommerce{ display: grid; grid-template-columns: 220px 1fr; gap: var(--space-8); }
}