/* ==========================================================================
   Le Joyau — panier, commande, espace client (gabarits WooCommerce)
   ========================================================================== */

.joyau-commerce { max-width: calc(var(--largeur) + 2 * var(--marge)); margin: 0 auto; padding: clamp(2rem, 4vw, 3.5rem) var(--marge) var(--section); }
.joyau-commerce h2, .joyau-commerce h3 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); margin-bottom: 1.25rem; color: var(--petrole); }

/* Messages */
.joyau .woocommerce-message, .joyau .woocommerce-info, .joyau .woocommerce-error, .joyau .wc-block-components-notice-banner {
	list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem;
	margin: 0 0 1.75rem; padding: 1rem 1.25rem; border: 0; border-left: 1px solid var(--or); background: var(--sable-pale); color: var(--encre); font-size: .9375rem;
}
.joyau .woocommerce-error { border-left-color: #a3271d; background: #fbecea; color: #7c1d15; }
.joyau .woocommerce-message::before, .joyau .woocommerce-info::before, .joyau .woocommerce-error::before { display: none; }
.joyau .woocommerce-message a, .joyau .woocommerce-info a { color: var(--petrole); font-weight: 600; }

/* Boutons WooCommerce aux couleurs de la maison */
.joyau .woocommerce .button, .joyau .woocommerce button.button, .joyau .woocommerce a.button, .joyau .woocommerce input.button, .joyau #place_order, .joyau .checkout-button {
	display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: .85rem 1.75rem;
	border: 1px solid var(--petrole); border-radius: 0; background: var(--petrole); color: var(--ivoire);
	font: 500 var(--t-label)/1.2 var(--marque); letter-spacing: .18em; text-transform: uppercase; text-decoration: none; cursor: pointer;
	transition: background-color var(--vif), border-color var(--vif);
}
.joyau .woocommerce .button:hover, .joyau #place_order:hover, .joyau .checkout-button:hover { background: var(--petrole-nuit); border-color: var(--petrole-nuit); color: var(--ivoire); }
.joyau .woocommerce .button:disabled, .joyau .woocommerce .button.disabled { opacity: .45; }
.joyau .woocommerce .button.alt { width: 100%; }

/* Tableaux */
.joyau .shop_table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.joyau .shop_table th { font: 500 .6875rem/1.2 var(--marque); letter-spacing: .16em; text-transform: uppercase; color: var(--encre-douce); text-align: left; padding: .9rem .5rem; border-bottom: 1px solid var(--filet); }
.joyau .shop_table td { padding: 1.1rem .5rem; border-bottom: 1px solid var(--filet); vertical-align: middle; }
.joyau .shop_table .product-thumbnail img { width: 72px; aspect-ratio: 4 / 5; object-fit: cover; background: var(--sable-pale); }
.joyau .shop_table .product-name a { font: 400 1.15rem/1.3 var(--titre); color: inherit; text-decoration: none; }
.joyau .shop_table .product-remove a { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--filet); border-radius: 50%; color: var(--encre-douce) !important; text-decoration: none; font-size: 1.1rem; }
.joyau .shop_table .product-remove a:hover { border-color: #a3271d; color: #a3271d !important; background: none; }
.joyau .shop_table .quantity .qty { width: 5rem; min-height: 44px; text-align: center; }
.joyau .shop_table .actions { text-align: right; }
.joyau .shop_table .actions .coupon { display: inline-flex; gap: .5rem; float: left; }
.joyau .shop_table .actions .coupon .input-text { width: 180px; min-height: 50px; }

/* Panier */
.woocommerce-cart .joyau-commerce .woocommerce { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.woocommerce-cart .joyau-commerce .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.joyau .cart-collaterals { position: sticky; top: calc(var(--entete) + 1.5rem); }
.joyau .cart_totals { padding: 1.75rem; background: var(--blanc); border-top: 2px solid var(--or); }
.joyau .cart_totals .shop_table th { border: 0; }
.joyau .wc-proceed-to-checkout { padding-top: 1.25rem; }
.joyau .wc-proceed-to-checkout .checkout-button { width: 100%; }
.joyau .cart-empty { font: 400 1.6rem/1.3 var(--titre); }

/* Commande */
.joyau .woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 clamp(2rem, 5vw, 5rem); align-items: start; }
.joyau .woocommerce-checkout > * { grid-column: 1; }
.joyau .woocommerce-checkout #order_review_heading, .joyau .woocommerce-checkout #order_review { grid-column: 2; }
.joyau .woocommerce-checkout #order_review_heading { grid-row: 1; }
.joyau .woocommerce-checkout #order_review { grid-row: 2 / span 4; position: sticky; top: calc(var(--entete) + 1.5rem); padding: 1.75rem; background: var(--blanc); border-top: 2px solid var(--or); }
.joyau .col2-set { display: block; }
.joyau .col2-set .col-1, .joyau .col2-set .col-2 { width: 100%; float: none; }
.joyau .woocommerce form .form-row { margin: 0 0 1.1rem; padding: 0; }
.joyau .woocommerce form .form-row-first, .joyau .woocommerce form .form-row-last { width: calc(50% - .6rem); float: left; }
.joyau .woocommerce form .form-row-last { float: right; }
.joyau .woocommerce form .form-row-wide { clear: both; }
.joyau .woocommerce-billing-fields__field-wrapper::after { content: ""; display: table; clear: both; }
.joyau .woocommerce form .form-row .required { color: #a3271d; text-decoration: none; }
.joyau .woocommerce form .form-row .description { font-size: .8125rem; color: var(--encre-douce); margin-top: .35rem; }
.joyau .joyau-retrait { padding: 1.25rem; background: var(--sable-pale); }
.joyau #payment { background: none; border-radius: 0; }
.joyau #payment ul.payment_methods { padding: 0 0 1rem; border-bottom: 1px solid var(--filet); list-style: none; margin: 0; }
.joyau #payment div.payment_box { background: var(--sable-pale); color: var(--encre); font-size: .875rem; }
.joyau #payment div.payment_box::before { display: none; }
.joyau .woocommerce-terms-and-conditions-wrapper { font-size: .8125rem; margin: 1rem 0; }
.joyau .woocommerce-privacy-policy-text p { font-size: .8125rem; color: var(--encre-douce); }
.joyau .woocommerce-form-coupon-toggle .woocommerce-info { justify-content: flex-start; }

/* Confirmation */
.joyau .woocommerce-order-overview { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1rem; padding: 1.25rem; margin: 0 0 2rem; background: var(--sable-pale); }
.joyau .woocommerce-order-overview li { font-size: .8125rem; }
.joyau .woocommerce-order-overview strong { display: block; font-size: 1rem; }
.joyau .joyau-retrait-confirme { padding: 1rem 1.25rem; background: var(--blanc); border-left: 1px solid var(--or); }

/* Espace client */
.woocommerce-account .joyau-commerce .woocommerce { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.joyau .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--filet); }
.joyau .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--filet); }
.joyau .woocommerce-MyAccount-navigation a { display: block; padding: 1rem 0; font: 500 .75rem/1.2 var(--marque); letter-spacing: .16em; text-transform: uppercase; color: var(--encre-douce); text-decoration: none; transition: color .3s, padding .4s var(--courbe); }
.joyau .woocommerce-MyAccount-navigation a:hover { color: var(--petrole); padding-left: .4rem; }
.joyau .woocommerce-MyAccount-navigation .is-active a { color: var(--petrole); }
.joyau .woocommerce-MyAccount-navigation .is-active a::before { content: ""; display: inline-block; width: 1.25rem; height: 1px; margin-right: .6rem; vertical-align: middle; background: var(--or); }
.joyau .woocommerce-MyAccount-content > p:first-child { font: 400 1.35rem/1.45 var(--titre); }
.joyau .joyau-compte__retrait { display: flex; gap: .75rem; align-items: flex-start; padding: 1.1rem 1.25rem; background: var(--sable-pale); }
.joyau .joyau-compte__retrait .joyau-icone { color: var(--or); }
/* Connexion / inscription */
.joyau .u-columns.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); }
.joyau .woocommerce-form-login, .joyau .woocommerce-form-register { margin: 0; padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--filet); background: var(--blanc); }
.joyau .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: .5rem; font-size: .875rem; margin-right: 1rem; }
.joyau .lost_password a { font-size: .875rem; color: var(--petrole); }
.woocommerce-account:not(.logged-in) .joyau-commerce .woocommerce { display: block; }

@media (max-width: 899px) {
	.woocommerce-cart .joyau-commerce .woocommerce, .joyau .woocommerce-checkout, .woocommerce-account .joyau-commerce .woocommerce, .joyau .u-columns.col2-set { grid-template-columns: 1fr; }
	.joyau .woocommerce-checkout #order_review_heading, .joyau .woocommerce-checkout #order_review { grid-column: 1; grid-row: auto; position: static; }
	.joyau .cart-collaterals { position: static; }
	.joyau .woocommerce form .form-row-first, .joyau .woocommerce form .form-row-last { width: 100%; float: none; }
	.joyau .shop_table_responsive thead { display: none; }
	.joyau .shop_table_responsive tr { display: grid; grid-template-columns: 72px 1fr; gap: .25rem 1rem; padding: 1rem 0; border-bottom: 1px solid var(--filet); position: relative; }
	.joyau .shop_table_responsive td { display: block; padding: 0; border: 0; text-align: left !important; }
	.joyau .shop_table_responsive td::before { display: none; }
	.joyau .shop_table_responsive .product-thumbnail { grid-row: span 4; }
	.joyau .shop_table_responsive .product-remove { position: absolute; right: 0; top: 1rem; }
	.joyau .shop_table .actions .coupon { float: none; display: flex; margin-bottom: 1rem; }
	.joyau .shop_table .actions .coupon .input-text { flex: 1; width: auto; }
	.joyau .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; border: 0; gap: .5rem; }
	.joyau .woocommerce-MyAccount-navigation li { border: 0; flex: none; }
	.joyau .woocommerce-MyAccount-navigation a { padding: .6rem 1rem; border: 1px solid var(--filet); border-radius: 40px; }
	.joyau .woocommerce-MyAccount-navigation .is-active a { background: var(--petrole); color: var(--ivoire); }
	.joyau .woocommerce-MyAccount-navigation .is-active a::before { display: none; }
}

/* Tunnel : en-têtes compacts, erreurs une seule fois, actions du panier propres */
.woocommerce-cart .joyau-ouverture--sobre, .woocommerce-checkout .joyau-ouverture--sobre, .woocommerce-account .joyau-ouverture--sobre { padding-block: clamp(2rem, 4vw, 3.25rem) clamp(1.5rem, 3vw, 2.25rem); }
.woocommerce-cart .joyau-ouverture__titre, .woocommerce-checkout .joyau-ouverture__titre, .woocommerce-account .joyau-ouverture__titre { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); }
.joyau .checkout-inline-error-message { display: none; }
.joyau .woocommerce form .form-row.woocommerce-invalid input.input-text, .joyau .woocommerce form .form-row.woocommerce-invalid select { border-color: #a3271d; }
.joyau .woocommerce-error a { color: inherit; text-decoration: none; }
.joyau .shop_table .actions button[name="update_cart"] { background: transparent; color: var(--petrole); }
.joyau .shop_table .actions button[name="update_cart"]:disabled { opacity: .4; }
@media (max-width: 899px) {
	.joyau .shop_table .actions { display: grid; gap: .75rem; padding-top: 1.25rem; }
	.joyau .shop_table .actions .coupon { display: grid; grid-template-columns: 1fr auto; gap: .5rem; margin: 0; }
	.joyau .shop_table .actions .coupon .button { padding-inline: 1rem; letter-spacing: .1em; }
	.joyau .shop_table .actions button[name="update_cart"] { width: 100%; }
}