/* Tunnel de commande sans Jet (HOP-2060) : habillage du panier et de la commande natifs de WooCommerce.
   Charte : vert #2C4241, crème #FFFCF2, filet #E3DCC8, cibles de 44 px. Les boutons gardent la charte de boutons-hopstock.php.
   Source : hopstock-v2\mu-plugins\tunnel-sans-jet-hopstock\tunnel.css */
.hstj-tunnel{--t-v:#2C4241;--t-c:#FFFCF2;--t-f:#E3DCC8;--t-g:#5c6b6a}
.hstj-tunnel .page-content{max-width:1240px;margin:0 auto;padding:0 16px 48px}
.hstj-tunnel .page-header .entry-title{max-width:1240px;margin:24px auto 16px;padding:0 16px;color:var(--t-v);font-size:clamp(28px,4vw,36px)}

/* ---------- Champs ---------- */
.hstj-tunnel .woocommerce form .form-row input.input-text,.hstj-tunnel .woocommerce form .form-row textarea,.hstj-tunnel .woocommerce form .form-row select,
.hstj-tunnel .select2-container .select2-selection--single,.hstj-tunnel .coupon input.input-text{box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #b9c2c1;border-radius:8px;background:#fff;color:var(--t-v);font-size:16px}
.hstj-tunnel .select2-container .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0}
.hstj-tunnel .select2-container .select2-selection--single .select2-selection__arrow{height:42px}
.hstj-tunnel .woocommerce form .form-row input.input-text:focus,.hstj-tunnel .woocommerce form .form-row textarea:focus,.hstj-tunnel .woocommerce form .form-row select:focus{outline:2px solid var(--t-v);outline-offset:1px;border-color:var(--t-v)}
.hstj-tunnel .woocommerce form .form-row label{color:var(--t-v);font-weight:600;font-size:15px;margin-bottom:4px}
.hstj-tunnel .woocommerce form .form-row{margin-bottom:14px}

/* ---------- Panier ---------- */
@media (min-width:1025px){
	.hstj-tunnel.woocommerce-cart .woocommerce:has(>.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:0 40px;align-items:start}
	.hstj-tunnel.woocommerce-cart .woocommerce:has(>.woocommerce-cart-form)>*{grid-column:1}
	.hstj-tunnel.woocommerce-cart .woocommerce:has(>.woocommerce-cart-form)>.cart-collaterals{grid-column:2;grid-row:1 / span 4;position:sticky;top:16px}
}
.hstj-tunnel .woocommerce-cart-form .shop_table{border:0;border-collapse:collapse;margin:0 0 16px}
.hstj-tunnel .woocommerce-cart-form .shop_table th{border:0;border-bottom:1px solid var(--t-f);color:var(--t-g);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 8px;background:none}
.hstj-tunnel .woocommerce-cart-form .shop_table td{border:0;border-bottom:1px solid #F1EDE2;padding:14px 8px;vertical-align:middle;background:none}
.hstj-tunnel .woocommerce-cart-form .product-thumbnail img{width:72px;height:72px;object-fit:cover;border-radius:8px}
.hstj-tunnel .woocommerce-cart-form .product-name a{color:var(--t-v);font-weight:600;text-decoration:none}
.hstj-tunnel .woocommerce-cart-form .product-name a:hover{text-decoration:underline}
.hstj-tunnel .woocommerce-cart-form a.remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--t-g)!important;font-size:22px}
.hstj-tunnel .woocommerce-cart-form a.remove:hover{background:#F1EDE2;color:var(--t-v)!important}
.hstj-tunnel .woocommerce-cart-form td.actions{padding:16px 0;border:0}
.hstj-tunnel .woocommerce-cart-form .coupon{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hstj-tunnel .woocommerce-cart-form .coupon input.input-text{width:220px!important;margin:0}
.hstj-tunnel .woocommerce-cart-form button[name="update_cart"]{float:right}
.hstj-tunnel .cart-collaterals{display:flex;flex-direction:column;gap:24px}
.hstj-tunnel .cart-collaterals .cart_totals{order:-1;float:none;width:100%;box-sizing:border-box;padding:20px;border:1px solid var(--t-f);border-radius:12px;background:var(--t-c)}
.hstj-tunnel .cart-collaterals .cart_totals h2{margin:0 0 12px;font-size:22px;color:var(--t-v)}
.hstj-tunnel .cart_totals .shop_table{border:0;margin:0 0 14px}
.hstj-tunnel .cart_totals .shop_table th,.hstj-tunnel .cart_totals .shop_table td{border:0;border-bottom:1px solid var(--t-f);padding:10px 0;background:none;font-size:15px}
.hstj-tunnel .cart_totals .order-total th,.hstj-tunnel .cart_totals .order-total td{border-bottom:0;font-size:18px;color:var(--t-v)}
.hstj-tunnel .cart_totals .wc-proceed-to-checkout{padding:4px 0 0}
.hstj-tunnel .cart_totals .wc-proceed-to-checkout .checkout-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;margin:0 0 10px;font-size:17px}
.hstj-tunnel .cart-collaterals .cross-sells{float:none;width:100%}
.hstj-tunnel .cart-collaterals .cross-sells h2{font-size:20px;color:var(--t-v)}
.hstj-tunnel .cart-collaterals .cross-sells ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hstj-tunnel .cart-collaterals .cross-sells ul.products::before{display:none}
.hstj-tunnel .cart-collaterals .cross-sells ul.products li.product{width:auto!important;margin:0!important;float:none}
.hstj-tunnel .cart-empty.woocommerce-info{padding:20px;border:1px solid var(--t-f);border-radius:12px;background:var(--t-c);color:var(--t-v)}
.hstj-tunnel .return-to-shop{margin-top:16px}

/* ---------- Commande ---------- */
.hstj-tunnel .woocommerce-form-login-toggle .woocommerce-info,.hstj-tunnel .woocommerce-form-coupon-toggle .woocommerce-info{margin:0 0 10px;padding:12px 16px;border:1px solid var(--t-f);border-radius:10px;background:var(--t-c);color:var(--t-v);font-size:15px}
.hstj-tunnel .woocommerce-form-login-toggle .woocommerce-info::before,.hstj-tunnel .woocommerce-form-coupon-toggle .woocommerce-info::before{display:none}
.hstj-tunnel .woocommerce-info a{color:var(--t-v);font-weight:600;text-decoration:underline}
.hstj-tunnel form.checkout_coupon,.hstj-tunnel form.woocommerce-form-login{padding:16px;border:1px solid var(--t-f);border-radius:10px}
@media (min-width:1025px){
	.hstj-tunnel form.checkout.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:0 40px;align-items:start}
	.hstj-tunnel form.checkout>*{grid-column:1}
	.hstj-tunnel form.checkout #order_review_heading{grid-column:2;grid-row:1;margin-top:0}
	.hstj-tunnel form.checkout #order_review{grid-column:2;grid-row:2 / span 8;position:sticky;top:16px}
}
.hstj-tunnel #customer_details.col2-set .col-1,.hstj-tunnel #customer_details.col2-set .col-2{float:none;width:100%}
.hstj-tunnel #customer_details h3,.hstj-tunnel #order_review_heading{color:var(--t-v);font-size:22px;margin:8px 0 14px}
.hstj-tunnel #order_review{padding:20px;border:1px solid var(--t-f);border-radius:12px;background:var(--t-c)}
.hstj-tunnel #order_review .shop_table{border:0;margin:0 0 16px}
.hstj-tunnel #order_review .shop_table th,.hstj-tunnel #order_review .shop_table td{border:0;border-bottom:1px solid var(--t-f);padding:10px 0;background:none;font-size:15px}
.hstj-tunnel #order_review .order-total th,.hstj-tunnel #order_review .order-total td{border-bottom:0;font-size:18px;color:var(--t-v)}
.hstj-tunnel #payment{background:none;border-radius:0}
.hstj-tunnel #payment ul.payment_methods{padding:0;border:0;display:flex;flex-direction:column;gap:8px}
.hstj-tunnel #payment ul.payment_methods li{list-style:none;padding:12px 14px;border:1px solid var(--t-f);border-radius:10px;background:#fff}
.hstj-tunnel #payment ul.payment_methods li:has(input:checked){border-color:var(--t-v);box-shadow:0 0 0 1px var(--t-v)}
.hstj-tunnel #payment ul.payment_methods li>label{font-weight:600;color:var(--t-v)}
.hstj-tunnel #payment div.payment_box{margin:10px 0 0;background:#F7F4EC;border-radius:8px}
.hstj-tunnel #payment div.payment_box::before{display:none}
.hstj-tunnel #payment .place-order{padding:16px 0 0}
.hstj-tunnel #payment #place_order{width:100%;min-height:52px;font-size:17px;float:none}
.hstj-tunnel #wc-stripe-express-checkout-button-separator{grid-column:1;text-align:center;color:var(--t-g)}

@media (max-width:767px){
	.hstj-tunnel .woocommerce-cart-form .coupon{width:100%}
	.hstj-tunnel .woocommerce-cart-form .coupon input.input-text{flex:1 1 auto;width:auto!important}
	.hstj-tunnel .woocommerce-cart-form button[name="update_cart"]{float:none;width:100%;margin-top:8px}
	.hstj-tunnel .woocommerce-cart-form .coupon button{flex:1 1 100%;width:100%;white-space:normal}
	.hstj-tunnel .woocommerce-shipping-totals th,.hstj-tunnel .woocommerce-shipping-totals td{display:block;width:100%!important;box-sizing:border-box;text-align:left!important}
	.hstj-tunnel .woocommerce-shipping-totals td::before{display:none}
	.hstj-tunnel .woocommerce-shipping-totals th{border-bottom:0!important;padding-bottom:4px!important}
	.hstj-tunnel .cart-collaterals .cross-sells ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hstj-tunnel #order_review{padding:16px}
}