/*
Habillage KALIMA des gabarits WooCommerce — catalogue, fiche produit,
panier, commande, compte client. Reprend les tokens de style.css
(--navy, --gold, --surface, --line...) plutôt que le style WooCommerce
par défaut. Chargée uniquement si WooCommerce est actif (voir
kalima_assets() dans functions.php).
*/

/* ---------- Prix ---------- */
.price, .woocommerce-Price-amount{color:var(--navy);font-weight:900}
.price-large{font-size:22px;margin:14px 0}
.price ins{text-decoration:none;color:var(--gold-text)}
.price del{color:var(--muted);font-weight:600;opacity:.7}

/* ---------- Notices (succès / erreur / info) ---------- */
.woocommerce-message,.woocommerce-error,.woocommerce-info{
  list-style:none;margin:0 0 24px;padding:16px 20px;border-radius:10px;
  background:var(--surface);border:1px solid var(--line);color:var(--text);
  font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap
}
.woocommerce-error{border-color:#e3b7b7;background:#fbefef}
.woocommerce-message .button,.woocommerce-error .button,.woocommerce-info .button{
  background:var(--gold);color:var(--navy);border-radius:8px;padding:10px 16px;font-weight:900;font-size:13px
}

/* ---------- Boutons génériques WooCommerce (panier, commande...) ---------- */
.button, button.button, input.button, #place_order{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--gold);color:var(--navy);border:1px solid transparent;
  border-radius:8px;padding:13px 18px;font-size:14px;font-weight:900;
  cursor:pointer;font-family:inherit
}
.button:hover, button.button:hover, input.button:hover, #place_order:hover{background:#A87A2A}
.button.alt{background:var(--navy);color:#fff}
.button.alt:hover{background:var(--deep)}
.single_add_to_cart_button{width:auto;min-width:220px}

/* ---------- Formulaire de variation (Confort/Premium, décors) ---------- */
.variations{width:100%;margin:18px 0;border-collapse:collapse}
.variations td{padding:6px 0;vertical-align:middle}
.variations label{font-weight:800;color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding-right:14px}
.variations select{
  padding:10px 14px;border:1px solid var(--line);border-radius:8px;
  background:#fff;font-size:14px;color:var(--text);min-width:200px
}
.reset_variations{margin-left:12px;font-size:12px;color:var(--muted)}
.woocommerce-variation-price .price{font-size:20px}
.kalima-add-to-cart{margin:18px 0 28px}

/* ---------- Galerie produit ---------- */
.woocommerce-product-gallery{max-width:100%}
.woocommerce-product-gallery__image{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.flex-control-thumbs{display:flex;gap:10px;margin-top:12px;padding:0;list-style:none;flex-wrap:wrap}
.flex-control-thumbs li{width:74px}
.flex-control-thumbs img{border-radius:8px;border:2px solid transparent;cursor:pointer}
.flex-control-thumbs img.flex-active{border-color:var(--gold)}

/* ---------- Panier ---------- */
.woocommerce-cart-form table.shop_table{width:100%;border-collapse:collapse;margin:24px 0}
.woocommerce-cart-form table.shop_table th{
  text-align:left;padding:12px 10px;border-bottom:2px solid var(--navy);
  font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--navy)
}
.woocommerce-cart-form table.shop_table td{padding:16px 10px;border-bottom:1px solid var(--line)}
.woocommerce-cart-form .product-thumbnail img{width:70px;border-radius:8px}
.woocommerce-cart-form .quantity input{width:60px;padding:8px;border:1px solid var(--line);border-radius:6px;text-align:center}
.cart_totals{max-width:420px;margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:24px}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals th,.cart_totals td{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.cart_totals .order-total .amount{font-size:18px;font-weight:900;color:var(--navy)}
.wc-proceed-to-checkout{margin-top:16px}
.wc-proceed-to-checkout .checkout-button{width:100%;text-align:center}

/* ---------- Commande (checkout) ---------- */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select{
  width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:8px;
  font-size:14px;color:var(--text);font-family:inherit
}
.woocommerce-checkout label{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;display:block}
.woocommerce-checkout .form-row{margin-bottom:16px}
#order_review{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:24px}
#order_review table.shop_table{width:100%;border-collapse:collapse}
#order_review table.shop_table th,#order_review table.shop_table td{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}

/* ---------- Mon compte ---------- */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:block;padding:13px 18px;font-size:14px;font-weight:700;color:var(--text)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--navy);color:#fff}
.woocommerce-MyAccount-content{margin-top:24px}
.woocommerce-MyAccount-content table.shop_table{width:100%;border-collapse:collapse}
.woocommerce-MyAccount-content table.shop_table th,.woocommerce-MyAccount-content table.shop_table td{padding:12px 8px;border-bottom:1px solid var(--line);font-size:14px}

/* ---------- Badges de statut (réutilise .badge de style.css) ---------- */
.stock.out-of-stock{color:var(--muted);font-style:italic;font-size:13px}

@media (max-width:900px){
  .variations td{display:block;width:100%}
  .variations select{width:100%}
  .cart_totals{max-width:none}
}