/**
 * Checkout payment shell — ships without Vite rebuild.
 * Complements Stripe Elements appearance theming in stripe-checkout.php.
 */

.mrzoodle-container.woocommerce-page--checkout {
  width: min(96vw, 1280px);
  max-width: 1280px;
}

.mrzoodle-container.woocommerce-page--cart {
  width: min(96vw, 1280px);
  max-width: 1280px;
}

.mrz-merch--cart-addons .mrz-merch__title {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

@media (min-width: 1480px) {
  .woocommerce-cart .entry__content > .woocommerce,
  .woocommerce-page--cart .entry__content > .woocommerce {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    gap: 3rem;
  }

  .woocommerce-cart .entry__content > .woocommerce > .cart-collaterals-shell,
  .woocommerce-page--cart .entry__content > .woocommerce > .cart-collaterals-shell {
    grid-column: 2;
    grid-row: 3;
  }

  .woocommerce-cart .entry__content > .woocommerce > .cart-related-products,
  .woocommerce-page--cart .entry__content > .woocommerce > .cart-related-products {
    grid-column: 1 / -1;
    grid-row: 4;
  }
}

@media (min-width: 1024px) {
  .woocommerce-checkout form.checkout,
  .woocommerce-page--checkout form.checkout {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
    gap: 3rem;
  }
}

@media (min-width: 1280px) {
  .woocommerce-checkout form.checkout,
  .woocommerce-page--checkout form.checkout {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 560px);
  }
}

.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-page--checkout #payment ul.payment_methods {
  display: grid;
  gap: 1rem;
  margin: 0 0 1.5rem;
  padding: 0;
  list-style: none;
  border: 0;
}

.woocommerce-checkout #payment ul.payment_methods > li > label,
.woocommerce-page--checkout #payment ul.payment_methods > li > label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  padding: 0.95rem 1.1rem;
  border: 2px solid #d9c9b0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 20px rgb(92 61 46 / 8%);
  font-weight: 700;
  color: #3d281c;
  cursor: pointer;
}

.woocommerce-checkout #payment ul.payment_methods > li:has(> input[type="radio"]:checked) > label,
.woocommerce-page--checkout #payment ul.payment_methods > li:has(> input[type="radio"]:checked) > label,
.woocommerce-checkout #payment ul.payment_methods > li > input[type="radio"]:checked + label,
.woocommerce-page--checkout #payment ul.payment_methods > li > input[type="radio"]:checked + label {
  border-color: #3d281c;
  background: #fffdf8;
  box-shadow: 0 0 0 1px #3d281c, 0 4px 20px rgb(92 61 46 / 8%);
}

.woocommerce-checkout #payment .payment_box,
.woocommerce-page--checkout #payment .payment_box {
  margin-top: 0.75rem;
  padding: 1.35rem 1.25rem;
  border: 2px solid #d9c9b0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 24px rgb(92 61 46 / 10%);
  color: #5c3d2e;
}

.woocommerce-checkout #payment .payment_box::before,
.woocommerce-page--checkout #payment .payment_box::before {
  display: none;
}

.woocommerce-checkout #payment .wc-stripe-upe-element,
.woocommerce-page--checkout #payment .wc-stripe-upe-element,
.woocommerce-checkout #payment #wc-stripe-upe-element,
.woocommerce-page--checkout #payment #wc-stripe-upe-element,
.woocommerce-checkout #payment .StripeElement,
.woocommerce-page--checkout #payment .StripeElement {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.woocommerce-checkout #payment #place_order,
.woocommerce-page--checkout #payment #place_order {
  min-height: 52px;
}

/* Sale prices: kill underlines hard (browser <ins> default + any leftovers). */
.woocommerce-cart del,
.woocommerce-page--cart del,
.woocommerce-checkout del,
.woocommerce-page--checkout del,
.woocommerce-cart .mrz-cart-price__regular,
.woocommerce-page--cart .mrz-cart-price__regular,
.woocommerce-checkout .mrz-cart-price__regular,
.woocommerce-page--checkout .mrz-cart-price__regular {
  text-decoration: line-through !important;
}

.woocommerce-cart ins,
.woocommerce-page--cart ins,
.woocommerce-checkout ins,
.woocommerce-page--checkout ins,
.woocommerce-cart .mrz-cart-price__sale,
.woocommerce-page--cart .mrz-cart-price__sale,
.woocommerce-checkout .mrz-cart-price__sale,
.woocommerce-page--checkout .mrz-cart-price__sale,
.woocommerce-cart .amount,
.woocommerce-page--cart .amount,
.woocommerce-checkout .amount,
.woocommerce-page--checkout .amount,
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-page--cart .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-page--checkout .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total,
.woocommerce-page--checkout .woocommerce-checkout-review-order-table .product-total,
.woocommerce-cart .product-price,
.woocommerce-page--cart .product-price,
.woocommerce-cart .product-subtotal,
.woocommerce-page--cart .product-subtotal {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* Shipping method options — cart + checkout (no Vite rebuild needed). */
.woocommerce-cart ul.woocommerce-shipping-methods,
.woocommerce-page--cart ul.woocommerce-shipping-methods,
.woocommerce-checkout ul.woocommerce-shipping-methods,
.woocommerce-page--checkout ul.woocommerce-shipping-methods {
  display: grid !important;
  gap: 0.4rem;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-cart ul.woocommerce-shipping-methods li,
.woocommerce-page--cart ul.woocommerce-shipping-methods li,
.woocommerce-checkout ul.woocommerce-shipping-methods li,
.woocommerce-page--checkout ul.woocommerce-shipping-methods li {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-cart ul.woocommerce-shipping-methods input.shipping_method[type='radio'],
.woocommerce-page--cart ul.woocommerce-shipping-methods input.shipping_method[type='radio'],
.woocommerce-checkout ul.woocommerce-shipping-methods input.shipping_method[type='radio'],
.woocommerce-page--checkout ul.woocommerce-shipping-methods input.shipping_method[type='radio'] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}

.woocommerce-cart ul.woocommerce-shipping-methods input.shipping_method[type='hidden'],
.woocommerce-page--cart ul.woocommerce-shipping-methods input.shipping_method[type='hidden'],
.woocommerce-checkout ul.woocommerce-shipping-methods input.shipping_method[type='hidden'],
.woocommerce-page--checkout ul.woocommerce-shipping-methods input.shipping_method[type='hidden'] {
  display: none;
}

.woocommerce-cart ul.woocommerce-shipping-methods label,
.woocommerce-page--cart ul.woocommerce-shipping-methods label,
.woocommerce-checkout ul.woocommerce-shipping-methods label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 0;
  padding: 0.55rem 0.7rem;
  border: 1.5px solid #d9c9b0;
  border-radius: 12px;
  background: #fff;
  font-weight: 700;
  color: #3d281c;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.woocommerce-cart ul.woocommerce-shipping-methods .is-selected label,
.woocommerce-page--cart ul.woocommerce-shipping-methods .is-selected label,
.woocommerce-checkout ul.woocommerce-shipping-methods .is-selected label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods .is-selected label,
.woocommerce-cart ul.woocommerce-shipping-methods li:has(input.shipping_method:checked) label,
.woocommerce-page--cart ul.woocommerce-shipping-methods li:has(input.shipping_method:checked) label,
.woocommerce-checkout ul.woocommerce-shipping-methods li:has(input.shipping_method:checked) label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods li:has(input.shipping_method:checked) label {
  border-color: #f5c4a1;
  background: rgb(245 196 161 / 18%);
  box-shadow: 0 0 0 1px rgb(245 196 161 / 35%);
}

/* One method (e.g. Free shipping): plain text like Subtotal value — no pill. */
.woocommerce-cart ul.woocommerce-shipping-methods--single,
.woocommerce-page--cart ul.woocommerce-shipping-methods--single,
.woocommerce-checkout ul.woocommerce-shipping-methods--single,
.woocommerce-page--checkout ul.woocommerce-shipping-methods--single {
  display: block !important;
}

.woocommerce-cart ul.woocommerce-shipping-methods--single label,
.woocommerce-page--cart ul.woocommerce-shipping-methods--single label,
.woocommerce-checkout ul.woocommerce-shipping-methods--single label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods--single label,
.woocommerce-cart ul.woocommerce-shipping-methods--single .is-selected label,
.woocommerce-page--cart ul.woocommerce-shipping-methods--single .is-selected label,
.woocommerce-checkout ul.woocommerce-shipping-methods--single .is-selected label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods--single .is-selected label,
.woocommerce-cart ul.woocommerce-shipping-methods--single .is-free label,
.woocommerce-page--cart ul.woocommerce-shipping-methods--single .is-free label,
.woocommerce-checkout ul.woocommerce-shipping-methods--single .is-free label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods--single .is-free label,
.woocommerce-cart ul.woocommerce-shipping-methods--single li:has(input.shipping_method:checked) label,
.woocommerce-page--cart ul.woocommerce-shipping-methods--single li:has(input.shipping_method:checked) label,
.woocommerce-checkout ul.woocommerce-shipping-methods--single li:has(input.shipping_method:checked) label,
.woocommerce-page--checkout ul.woocommerce-shipping-methods--single li:has(input.shipping_method:checked) label {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #3d281c !important;
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
  cursor: default;
}

.woocommerce-cart tr.shipping th,
.woocommerce-page--cart tr.shipping th,
.woocommerce-checkout tr.shipping th,
.woocommerce-page--checkout tr.shipping th,
.woocommerce-cart tr.woocommerce-shipping-totals th,
.woocommerce-page--cart tr.woocommerce-shipping-totals th,
.woocommerce-checkout tr.woocommerce-shipping-totals th,
.woocommerce-page--checkout tr.woocommerce-shipping-totals th,
.woocommerce-cart tr.shipping td,
.woocommerce-page--cart tr.shipping td,
.woocommerce-checkout tr.shipping td,
.woocommerce-page--checkout tr.shipping td,
.woocommerce-cart tr.woocommerce-shipping-totals td,
.woocommerce-page--cart tr.woocommerce-shipping-totals td,
.woocommerce-checkout tr.woocommerce-shipping-totals td,
.woocommerce-page--checkout tr.woocommerce-shipping-totals td {
  vertical-align: middle !important;
}

/* Cart merch: keep sale prices on one line even if older markup remains. */
.woocommerce-cart .product-card__price .mrz-sale-price,
.woocommerce-page--cart .product-card__price .mrz-sale-price,
.woocommerce-cart .product-card__price .mrz-cart-price,
.woocommerce-page--cart .product-card__price .mrz-cart-price,
.woocommerce-cart .cart-related-products .mrz-sale-price,
.woocommerce-page--cart .cart-related-products .mrz-sale-price {
  display: inline-flex !important;
  flex-flow: row nowrap;
  align-items: baseline;
  gap: 0.35rem;
  white-space: nowrap;
}