/* BigCommerce additions/fixes for the Kalles cart area (cart page + mini-cart drawer). */

/* Cart page coupon: BC applies the code to the cart (Apply button), live only stored it for checkout */
.t4s-cart-coupon { gap: 10px; }
.t4s-cart-coupon input { flex: 1 1 auto; min-width: 0; }
.t4s-cart-coupon .t4s-btn { flex: 0 0 auto; min-height: 40px; padding: 0 20px; }
@media (max-width: 767px) { .t4s-cart-coupon { justify-content: center; } }
.t4s-cart_discounts { list-style: none; padding: 0; margin: 0 0 10px; }
.t4s-cart_discounts a[data-k-coupon-remove] { margin-left: 5px; color: inherit; }

/* Estimator (Cornerstone shipping-estimator.js on Kalles markup) */
.t4s-shipping_calc_page .form-field--error input, .t4s-shipping_calc_page .form-field--error select { border-color: #ec0101; }
.t4s-shipping_calc_page .form-inlineMessage { display: block; color: #ec0101; font-size: 12px; margin-top: 4px; text-align: start; }
.t4s-shipping_calc_page .shipping-quotes ul { list-style: none; padding: 0; margin: 15px 0; }
.t4s-shipping_calc_page .shipping-quotes .estimator-form-row dl { display: flex; justify-content: center; gap: 10px; margin: 0 0 8px; }
.t4s-shipping_calc_page .shipping-quotes .estimator-form-row dd { margin: 0; }
.t4s-shipping_calc_page .shipping-quotes .select-shipping-quote { border: 0; background: var(--secondary-color); color: #fff; padding: 8px 20px; border-radius: var(--btn-radius, 0); cursor: pointer; }
.t4s-shipping_calc_page .shipping-estimate-submit { width: 100%; }

/* Mini cart: drawer body wrapper must not break the drawer flex column */
#t4s-mini_cart [data-k-mini-cart-body] { display: contents; }
#t4s-mini_cart [data-k-mini-cart-loading] { min-height: 120px; display: flex; align-items: center; justify-content: center; }
#t4s-mini_cart .t4s-response__rates ul { padding-left: 18px; margin: 5px 0 0; }
.t4s-cart_price del { margin-right: 5px; }
/* Check Out is an <a> on BC (live: submit button) — keep it a full-width block like live */
.t4s-main-cart .t4s-btn-group__checkout-update .t4s-btn__checkout { display: flex; width: 100%; }
.t4s-cart-coupon .t4s-btn { font-size: 14px; }