/* Mirage Tienda UI — carrito, checkout y avisos (25-sep-2026). Variables en tienda.css. */

/* ── Pasos carrito → datos → confirmación ───────────────────────────────── */
body.m-ui .m-pasos {
  display: flex;
  gap: 6px;
  list-style: none;
  margin: 4px 0 18px !important;
  padding: 0 !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--m-muted);
}
body.m-ui .m-pasos li { display: flex; align-items: center; gap: 6px; flex: 1; margin: 0 !important; }
body.m-ui .m-pasos li::after { content: ""; flex: 1; height: 2px; background: var(--m-line); border-radius: 2px; }
body.m-ui .m-pasos li:last-child::after { display: none; }
body.m-ui .m-pasos li:last-child { flex: 0 0 auto; }
body.m-ui .m-pasos span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: var(--m-soft);
  border: 1px solid var(--m-line);
  font-size: 12px;
  flex-shrink: 0;
}
body.m-ui .m-pasos li.is-on { color: var(--m-ink); }
body.m-ui .m-pasos li.is-on span { background: var(--m-ink); border-color: var(--m-ink); color: #fff; }
body.m-ui .m-pasos li.is-done span { background: var(--m-cta); border-color: var(--m-cta); color: #fff; }
body.m-ui .m-pasos li.is-done::after { background: var(--m-cta); }

/* ── Relleno de Elementor en carrito y checkout (promesas duplicadas, botones verdes con letra azul) ── */
body.m-ui .elementor-element-8629f29,
body.m-ui .elementor-element-128dcb1,
body.m-ui .elementor-element-1d5c399,
body.m-ui .elementor-element-c970bcc,
body.m-ui .elementor-element-6f77d89,
body.m-ui .elementor-element-f3c3f71,
body.m-ui .elementor-element-09bb745 { display: none !important; }
body.m-ui.woocommerce-cart .elementor-column:not(:has(.woocommerce)),
body.m-ui.woocommerce-checkout .elementor-column:not(:has(.woocommerce)) { display: none !important; }
body.m-ui.woocommerce-cart .elementor-column:has(.woocommerce),
body.m-ui.woocommerce-checkout .elementor-column:has(.woocommerce) { width: 100% !important; max-width: 100% !important; }

/* ── Avisos de WooCommerce ──────────────────────────────────────────────── */
body.m-ui .woocommerce-message,
body.m-ui .woocommerce-info {
  border-radius: 12px !important;
  border: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #14532d !important;
  font-size: 14px !important;
}
body.m-ui .woocommerce-info { border-color: #bfdbfe !important; background: #eff6ff !important; color: #1e3a8a !important; }
body.m-ui.woocommerce-cart .woocommerce-message .button.wc-forward { display: none !important; }

/* ── Carrito ────────────────────────────────────────────────────────────── */
body.m-ui.woocommerce-cart [name="update_cart"] { display: none !important; }
body.m-ui.woocommerce-cart table.shop_table.cart {
  background: #fff !important;
  border: 1px solid var(--m-line) !important;
  border-radius: var(--m-r) !important;
  overflow: hidden;
}
body.m-ui.woocommerce-cart table.shop_table.cart thead { display: none; }
body.m-ui.woocommerce-cart table.cart td { border-color: var(--m-line) !important; }
body.m-ui.woocommerce-cart table.cart td.product-thumbnail { display: table-cell !important; width: 88px; }
body.m-ui.woocommerce-cart table.cart td.product-thumbnail img {
  width: 76px !important;
  height: 76px !important;
  object-fit: cover;
  border-radius: 10px;
  background: var(--m-soft);
}
body.m-ui.woocommerce-cart table.cart .product-name a { color: var(--m-ink) !important; font-weight: 700 !important; font-size: 15px; line-height: 1.3; }
body.m-ui.woocommerce-cart table.cart td.actions .coupon {
  display: flex !important;
  gap: 8px;
  width: 100%;
  float: none !important;
}
body.m-ui.woocommerce-cart table.cart td.actions .coupon #coupon_code {
  flex: 1;
  min-height: 46px;
  border-radius: 10px !important;
  border: 1px solid var(--m-line) !important;
  padding: 0 12px !important;
  width: auto !important;
}
body.m-ui.woocommerce-cart table.cart td.actions .coupon .button {
  min-height: 46px;
  border-radius: 10px !important;
  background: var(--m-ink) !important;
  color: #fff !important;
  text-transform: none !important;
  font-weight: 700 !important;
}
body.m-ui .cart_totals {
  background: #fff !important;
  border: 1px solid var(--m-line) !important;
  border-radius: var(--m-r) !important;
  padding: 18px !important;
  box-shadow: var(--m-shadow) !important;
}
body.m-ui .cart_totals h2 { font-size: 18px !important; font-weight: 800 !important; color: var(--m-ink) !important; margin: 0 0 8px !important; }
body.m-ui .cart_totals table.shop_table,
body.m-ui .cart_totals table.shop_table th,
body.m-ui .cart_totals table.shop_table td {
  border: 0 !important;
  background: none !important;
  padding: 6px 0 !important;
  box-shadow: none !important;
}
body.m-ui .cart_totals tr,
body.m-ui .cart_totals tr.order-total { background: none !important; }
body.m-ui .cart_totals th { color: var(--m-text) !important; font-weight: 600 !important; }
body.m-ui .cart_totals .order-total th,
body.m-ui .cart_totals .order-total td {
  border-top: 1px solid var(--m-line) !important;
  padding-top: 12px !important;
  font-size: 18px !important;
  color: var(--m-ink) !important;
  font-weight: 800 !important;
}
body.m-ui .cart_totals .order-total .amount { color: var(--m-ink) !important; font-size: 22px !important; }
body.m-ui .cart_totals .cart-discount td,
body.m-ui .cart_totals .cart-discount th { color: #047857 !important; }
body.m-ui .wc-proceed-to-checkout .checkout-button,
body.m-ui.woocommerce-checkout #payment #place_order {
  display: block !important;
  width: 100% !important;
  min-height: 54px !important;
  height: auto !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--m-cta) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  box-shadow: 0 6px 16px rgba(22, 163, 74, .25) !important;
}
body.m-ui .wc-proceed-to-checkout .checkout-button:hover,
body.m-ui.woocommerce-checkout #payment #place_order:hover { background: var(--m-cta-h) !important; }
body.m-ui.woocommerce-cart .mirage-install-note { display: none !important; }
body.m-ui .m-cart-info {
  list-style: none;
  margin: 16px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--m-line);
  display: grid;
  gap: 10px;
}
body.m-ui .m-cart-info li { display: flex; gap: 10px; font-size: 13.5px; line-height: 1.4; color: var(--m-text); margin: 0 !important; }
body.m-ui .m-cart-info li > span { flex-shrink: 0; width: 22px; text-align: center; }
body.m-ui .m-cart-info strong { color: var(--m-ink); }
body.m-ui .m-cart-ayuda,
body.m-ui .m-checkout-ayuda { margin: 12px 0 0 !important; font-size: 13px; color: var(--m-muted); text-align: center; }
body.m-ui .m-cart-ayuda a,
body.m-ui .m-checkout-ayuda a { color: var(--m-cta-h); font-weight: 700; }

/* ── Checkout ───────────────────────────────────────────────────────────── */
body.m-ui.woocommerce-checkout #order_review { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
body.m-ui.woocommerce-checkout .woocommerce-billing-fields,
body.m-ui.woocommerce-checkout .woocommerce-additional-fields,
body.m-ui.woocommerce-checkout .ct-order-review {
  background: #fff !important;
  border: 1px solid var(--m-line) !important;
  border-radius: var(--m-r) !important;
  padding: 18px !important;
  box-shadow: none !important;
}
body.m-ui.woocommerce-checkout .woocommerce-shipping-fields:not(:has(input, select, textarea)) { display: none !important; }
body.m-ui.woocommerce-checkout h3,
body.m-ui.woocommerce-checkout #order_review_heading {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--m-ink) !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
}
body.m-ui.woocommerce-checkout h3::after,
body.m-ui.woocommerce-checkout #order_review_heading::after { content: none !important; }
body.m-ui.woocommerce-checkout .form-row label { font-weight: 600 !important; font-size: 14px !important; color: var(--m-ink) !important; }
body.m-ui.woocommerce-checkout .form-row .input-text,
body.m-ui.woocommerce-checkout .form-row select,
body.m-ui.woocommerce-checkout .form-row textarea {
  min-height: 48px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 16px !important;
  padding: 10px 12px !important;
  background: #fff !important;
}
body.m-ui.woocommerce-checkout .form-row textarea { min-height: 96px !important; }
body.m-ui.woocommerce-checkout .form-row .input-text:focus,
body.m-ui.woocommerce-checkout .form-row select:focus,
body.m-ui.woocommerce-checkout .form-row textarea:focus {
  border-color: var(--m-brand) !important;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, .15) !important;
  outline: 0 !important;
}
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table,
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table td {
  border: 0 !important;
  background: none !important;
  font-size: 14px;
}
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table thead { display: none; }
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name { color: var(--m-ink); font-weight: 600; }
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total th,
body.m-ui.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td {
  border-top: 1px solid var(--m-line) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--m-ink) !important;
}
body.m-ui.woocommerce-checkout .order-total .amount { color: var(--m-ink) !important; }
body.m-ui.woocommerce-checkout #payment { background: none !important; border: 0 !important; }
body.m-ui.woocommerce-checkout ul.wc_payment_methods { border: 0 !important; padding: 0 !important; display: grid; gap: 10px; }
body.m-ui.woocommerce-checkout ul.wc_payment_methods > li {
  border: 1px solid var(--m-line) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  margin: 0 !important;
}
body.m-ui.woocommerce-checkout ul.wc_payment_methods > li:has(input:checked) {
  border-color: var(--m-cta) !important;
  box-shadow: 0 0 0 1px var(--m-cta) inset !important;
  background: #f0fdf4 !important;
}
body.m-ui.woocommerce-checkout ul.wc_payment_methods > li > label { font-weight: 700 !important; color: var(--m-ink) !important; font-size: 15px !important; }
body.m-ui.woocommerce-checkout .payment_box { background: none !important; padding: 8px 0 0 !important; margin: 8px 0 0 !important; border: 0 !important; font-size: 13.5px; color: var(--m-text); }
body.m-ui.woocommerce-checkout .payment_box p { margin: 0 !important; }
body.m-ui.woocommerce-checkout .payment_box::before { display: none !important; }
body.m-ui.woocommerce-checkout .mirage-install-note { font-size: 12.5px !important; padding: 10px 12px !important; border-radius: 10px !important; }

/* ── Aviso de cookies más discreto ──────────────────────────────────────── */
body.m-ui .cookie-notification {
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  max-width: 460px !important;
  border-radius: 14px !important;
  box-shadow: var(--m-shadow) !important;
}
body.m-ui .cookie-notification .container { padding: 12px 14px !important; gap: 10px !important; }
body.m-ui .cookie-notification .ct-cookies-content { font-size: 13px !important; line-height: 1.4 !important; }
body.m-ui .cookie-notification .ct-button-group .button,
body.m-ui .cookie-notification .ct-button-group button { min-height: 36px !important; padding: 0 16px !important; border-radius: 8px !important; font-size: 13px !important; }

/* ── Ajustes de especificidad (1.0.2): reglas de mirage-styles con #id o más clases ── */
html body.m-ui .cart_totals table.shop_table tr.order-total th,
html body.m-ui .cart_totals table.shop_table tr.order-total td,
html body.m-ui.woocommerce-checkout #order_review table.shop_table tfoot tr th,
html body.m-ui.woocommerce-checkout #order_review table.shop_table tfoot tr td {
  background: transparent !important;
  color: var(--m-ink) !important;
}
html body.m-ui.woocommerce-checkout #order_review table.shop_table tfoot tr.cart-subtotal th,
html body.m-ui.woocommerce-checkout #order_review table.shop_table tfoot tr.cart-subtotal td { font-weight: 600 !important; color: var(--m-text) !important; }
html body.m-ui .wc-proceed-to-checkout a.checkout-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1.2 !important;
  padding: 14px 18px !important;
}
html body.m-ui.woocommerce-checkout #payment #place_order {
  max-width: none !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  float: none !important;
}
html body.m-ui.woocommerce-checkout #payment ul.wc_payment_methods > li {
  padding: 12px 14px !important;
  border: 1px solid var(--m-line) !important;
  border-radius: 12px !important;
}
html body.m-ui.woocommerce-checkout #payment ul.wc_payment_methods > li:has(input:checked) {
  border-color: var(--m-cta) !important;
  background: #f0fdf4 !important;
}
html body.m-ui.woocommerce-checkout #payment .payment_box { padding: 8px 0 0 !important; margin: 8px 0 0 !important; }
body.m-ui .m-ahorro .woocommerce-Price-amount,
body.m-ui .m-ahorro bdi,
body.m-ui .m-ahorro .woocommerce-Price-currencySymbol { padding: 0 !important; margin: 0 !important; font-size: inherit !important; font-weight: inherit !important; }
/* Contenedores de Elementor que solo tenían el relleno escondido: fuera también su espacio */
body.m-ui.woocommerce-cart .elementor .e-con:not(:has(.woocommerce)),
body.m-ui.woocommerce-checkout .elementor .e-con:not(:has(.woocommerce)) { display: none !important; }
html body.m-ui.woocommerce-checkout #payment .form-row.place-order { padding: 14px 0 0 !important; margin: 0 !important; }
html body.m-ui.woocommerce-checkout #payment .form-row.place-order > p { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
html body.m-ui.single-product .summary p.price .woocommerce-Price-amount,
html body.m-ui.single-product .summary span.price .woocommerce-Price-amount { color: inherit !important; }
/* Con la barra fija abierta, el aviso de cookies se sube para no taparle el botón */
body.m-ui.m-sticky-on .cookie-notification { bottom: 92px !important; }
/* La barra de confianza fija de abajo tapaba el último elemento de la página (p. ej. el método de pago) */
body.m-ui:has(.mirage-trust-bar) { padding-bottom: 56px; }