/* ==========================================================================
   Panier et commande — style de la boutique actuelle
   (blocs WooCommerce Panier / Commande)
   ========================================================================== */

/* Champs arrondis */
.wouly-cart input[type="text"], .wouly-cart input[type="email"], .wouly-cart input[type="tel"], .wouly-cart input[type="number"],
.wouly-checkout .wc-block-components-text-input input,
.wouly-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.wouly-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 35px !important;
	background: #fff;
	box-shadow: none !important;
	color: var(--wh-nav);
}
.wouly-checkout .wc-block-components-text-input input,
.wouly-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.wouly-checkout .wc-blocks-components-select .wc-blocks-components-select__select { padding-left: 20px !important; padding-right: 20px !important; }
.wouly-checkout .wc-block-components-text-input label,
.wouly-checkout .wc-block-components-combobox .wc-block-components-combobox-control label,
.wouly-checkout .wc-blocks-components-select .wc-blocks-components-select__label { left: 21px !important; }
.wouly-checkout textarea { border-radius: 20px !important; border: 1px solid rgba(0, 0, 0, .12) !important; }
.wouly-checkout .wc-block-components-text-input input:focus,
.wouly-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus { border-color: var(--wh-primary) !important; box-shadow: 0 0 0 1px var(--wh-primary) !important; }

/* Titre d'étape « 1 Vérifiez votre panier » */
.wouly-cart .wc-block-cart__main::before {
	content: "Vérifiez votre panier";
	display: flex; align-items: center;
	margin: 0 0 20px; padding: 12px 15px 12px 60px; min-height: 26px;
	color: var(--wh-title); font-size: 22px; font-weight: 600;
	background: #e1edeb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Crect width='26' height='26' rx='2' fill='%23138670'/%3E%3Ctext x='13' y='18' font-family='Arial' font-size='14' font-weight='700' fill='%23fff' text-anchor='middle'%3E1%3C/text%3E%3C/svg%3E") no-repeat 15px center / 26px;
}

/* --------------------------------------------------------------------------
   Panier
   -------------------------------------------------------------------------- */
.wouly-cart #content > .col-full, .wouly-checkout #content > .col-full { padding-top: 30px; }
.wouly-cart .wp-block-woocommerce-cart { margin-bottom: 20px; }
.wouly-cart table.wc-block-cart-items { border: 0; }
.wouly-cart .wc-block-cart-items th {
	padding: 12px 0; border-bottom: 1px solid var(--wh-border) !important;
	font-size: 14px; font-weight: 600; text-transform: uppercase; color: var(--wh-title); background: none;
}
.wouly-cart .wc-block-cart-items td { border-bottom: 1px solid var(--wh-border) !important; background: none; }
.wouly-cart .wc-block-components-product-name { color: var(--wh-title); font-size: 15px; font-weight: 500; text-decoration: none; }
.wouly-cart .wc-block-components-product-name:hover { color: var(--wh-primary); }
.wouly-cart .wc-block-cart-item__image img { border-radius: 4px; }
.wouly-cart .wc-block-cart-item__total .wc-block-components-product-price,
.wouly-cart .wc-block-cart-item__total .wc-block-formatted-money-amount { color: var(--wh-primary); font-weight: 600; }
.wc-block-components-quantity-selector { border-radius: 35px !important; overflow: hidden; }
.wc-block-components-quantity-selector::after { border-radius: 35px !important; border-color: rgba(0, 0, 0, .12) !important; }
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { background: none !important; color: var(--wh-nav) !important; min-width: 32px; }

.wouly-cart .wc-block-cart__sidebar { padding: 25px 25px 30px !important; background: #e1edeb; }
.wouly-cart .wc-block-cart__totals-title {
	display: block; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important;
	font-size: 24px !important; font-weight: 600 !important; text-transform: none !important; color: var(--wh-title);
}
.wc-block-components-totals-wrapper { border-color: rgba(0, 0, 0, .1) !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 16px; font-weight: 600; color: var(--wh-title); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 24px; font-weight: 600; color: var(--wh-primary); }
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
	width: 100%; min-height: 48px; border-radius: 35px !important; text-decoration: none !important;
	font-size: 14px !important; font-weight: 600 !important;
}
.wc-block-components-checkout-place-order-button { text-transform: none !important; }
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text { text-decoration: none; }
.wouly-cart .wc-block-cart__payment-options { margin-top: 12px; }

/* Panier vide */
.wouly-cart .wp-block-woocommerce-empty-cart-block { text-align: center; }
.wouly-cart .wc-block-cart__empty-cart__title { font-size: 26px; color: var(--wh-title); }
.wouly-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator { display: none; }
.wouly-cart .wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title) { font-size: 24px; margin-top: 50px; }

/* --------------------------------------------------------------------------
   Commande
   -------------------------------------------------------------------------- */
/* En-tête épuré */
.wh--checkout { border-bottom: 1px solid var(--wh-border); }
.wh-checkout__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 20px; min-height: 80px; }
.wh-checkout__back { justify-self: start; font-size: 14px; font-weight: 500; color: var(--wh-nav); }
.wh-checkout__back:hover { color: var(--wh-primary); }
.wh-checkout__secure { justify-self: end; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--wh-nav); }
.wh-checkout__secure svg { width: 18px; height: 18px; flex: none; color: var(--wh-primary); }
.wouly-checkout .wh-toolbar { display: none !important; }
.wouly-checkout { padding-bottom: 0 !important; }
.wouly-checkout .wh--checkout { position: static; }

/* Étapes numérotées */
.wouly-checkout .wc-block-components-checkout-step { padding-left: 0 !important; margin-bottom: 36px; }
.wouly-checkout .wc-block-components-checkout-step::after { display: none !important; }
.wouly-checkout .wc-block-components-checkout-step__heading-container { margin-bottom: 18px; }
.wouly-checkout .wc-block-components-checkout-step__heading { margin: 0; padding: 12px 15px; background: #e1edeb; }
.wouly-checkout .wc-block-components-checkout-step__title {
	display: flex; align-items: center; gap: 12px; margin: 0 !important;
	font-size: 22px !important; font-weight: 600 !important; color: var(--wh-title);
}
.wouly-checkout .wc-block-checkout__form { counter-reset: wfstep; }
.wouly-checkout .wc-block-components-checkout-step { counter-increment: wfstep; }
.wouly-checkout .wc-block-components-checkout-step .wc-block-components-checkout-step__title::before {
	content: counter(wfstep) !important;
	position: static !important; display: inline-flex; align-items: center; justify-content: center;
	width: 26px; height: 26px; flex: none; margin: 0 !important; border-radius: 2px;
	background: var(--wh-primary); color: #fff; font-size: 14px; font-weight: 700; line-height: 1;
}
.wouly-checkout .wc-block-components-checkout-step__description { margin: 0 0 14px; color: var(--wh-text); font-size: 14px; }

/* Récapitulatif */
.wouly-checkout .wc-block-checkout__sidebar { padding: 25px !important; background: #e1edeb; }
.wouly-checkout .wc-block-components-checkout-order-summary__title-text { font-size: 22px; font-weight: 600; color: var(--wh-title); }
.wouly-checkout .wc-block-components-order-summary-item__image img { border-radius: 4px; }
.wouly-checkout .wc-block-components-order-summary-item__quantity { background: var(--wh-primary); color: #fff; border: 2px solid #fff; box-shadow: none; }

/* Moyens de paiement et livraison */
.wouly-checkout .wc-block-components-radio-control--highlight-checked,
.wouly-checkout .wc-block-components-radio-control-accordion-option { border-radius: 4px; }
.wouly-checkout .wc-block-components-radio-control__input:checked { border-color: var(--wh-primary); }
.wouly-checkout .wc-block-components-radio-control__input:checked::before { background: var(--wh-primary); }
.wouly-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--wh-primary); border-color: var(--wh-primary); }
.wouly-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff; }
.wouly-checkout .wc-block-checkout__terms { font-size: 14px; color: var(--wh-text); }
.wouly-checkout .wc-block-components-checkout-return-to-cart-button { color: var(--wh-nav); }

/* Tableaux de la confirmation de commande */
.woocommerce-orders-table, .woocommerce-table--order-details, .woocommerce-table--customer-details {
	width: 100%; border: 0 !important; border-collapse: collapse; background: none;
}
.woocommerce-orders-table th, .woocommerce-table--order-details th {
	padding: 12px 10px; border-bottom: 1px solid var(--wh-border); background: none !important;
	font-size: 13px; font-weight: 600; text-transform: uppercase; color: var(--wh-title);
}
.woocommerce-orders-table td, .woocommerce-table--order-details td {
	padding: 12px 10px; border-bottom: 1px solid var(--wh-border); background: none !important;
}
.woocommerce-orders-table .button, .woocommerce-table--order-details .button { padding: 8px 16px; font-size: 12px; }
.woocommerce-order-overview {
	display: flex; flex-wrap: wrap; margin: 0 0 30px !important; padding: 20px !important;
	list-style: none; background: #e1edeb; border-radius: 4px;
}
.woocommerce-order-overview li {
	flex: 1 1 160px; margin: 0 !important; padding: 8px 15px !important; border: 0 !important;
	font-size: 12px; text-transform: uppercase; color: var(--wh-text);
}
.woocommerce-order-overview li strong { display: block; margin-top: 4px; font-size: 16px; text-transform: none; color: var(--wh-title); }
.woocommerce-thankyou-order-received { font-size: 20px; font-weight: 600; color: var(--wh-primary); }
.woocommerce-customer-details address { padding: 20px; border: 1px solid var(--wh-border) !important; border-radius: 4px; font-style: normal; }

/* Mobile */
@media (max-width: 767px) {
	.wouly-cart .wc-block-cart__main::before { font-size: 18px; }
	.wouly-checkout .wc-block-components-checkout-step__title { font-size: 18px !important; }
	.wh-checkout__inner { grid-template-columns: auto 1fr auto; min-height: 64px; gap: 10px; }
	.wh-checkout__inner .wh-logo { justify-self: center; }
	.wh-checkout__inner .wh-logo__text { font-size: 26px; }
	.wh-checkout__back { font-size: 13px; }
	.wh-checkout__secure { font-size: 0; }
	.wh-checkout__secure svg { width: 22px; height: 22px; }
}