/* ====== CHECKOUT — Estilo corporativo minimal (scope) ====== */
body.woocommerce-checkout{
  --t:#111; --m:#555; --line:#E7E7E7; --panel:#FAFAFA; --bg:#FFF;
  background:var(--bg)!important; color:var(--t)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
}

/* Contenedor centrado, lectura fácil */
body.woocommerce-checkout .woocommerce form.checkout{max-width:680px;margin:0 auto;padding:16px}

/* Paneles limpios */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment,
body.woocommerce-checkout .checkout_coupon{
  background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px
}

/* Tipografía y textos */
body.woocommerce-checkout h1,body.woocommerce-checkout h2,body.woocommerce-checkout h3,body.woocommerce-checkout label{
  color:var(--t)!important;font-weight:700!important;letter-spacing:-.01em
}
body.woocommerce-checkout p,body.woocommerce-checkout small,body.woocommerce-checkout span{color:var(--m)!important}

/* ---- 1) Formulario 1 columna (mobile-first) ---- */
body.woocommerce-checkout .form-row,
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last{width:100%!important;float:none!important;margin:0 0 12px!important;padding:0!important}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea{
  background:#FFF!important;color:var(--t)!important;border:1px solid var(--line)!important;border-radius:12px!important;
  height:48px!important;padding:12px!important;box-shadow:none!important
}
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder{color:#9A9A9A!important}

/* ---- 2) CTA negro (botón de pagar) ---- */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .button.alt{
  background:#000!important;color:#fff!important;border:0!important;border-radius:14px!important;
  padding:16px 18px!important;font-weight:800!important;width:100%
}

/* ---- 3) Ocultar pasos/breadcrumbs “Information / Finish” ---- */
body.woocommerce-checkout .wcf-checkout-header,
body.woocommerce-checkout .wcf-steps,
body.woocommerce-checkout .wcf-progressbar,
body.woocommerce-checkout .cartflows-steps,
body.woocommerce-checkout [class*="wc-block-components-checkout-steps"]{display:none!important}

/* ---- 4) Resumen SIEMPRE visible + sin toggle ---- */
/* CartFlows / Woo Blocks: ocultamos botones de “Show Order Summary” */
body.woocommerce-checkout .wcf-order-summary-toggle,
body.woocommerce-checkout .show-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__button,
body.woocommerce-checkout .wc-block-components-order-summary__button-text,
body.woocommerce-checkout .wc-block-components-order-summary__button-icon{display:none!important}

/* Forzar contenido del resumen abierto */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-order-summary__content{
  display:block!important;max-height:none!important;overflow:visible!important;opacity:1!important
}
/* Si algún script añade [hidden], lo ignoramos (solo aquí) */
body.woocommerce-checkout .wc-block-components-order-summary__content[hidden]{display:block!important}

/* ---- 5) Cupón visible (mantenerlo) ---- */
body.woocommerce-checkout .woocommerce-form-coupon,
body.woocommerce-checkout form.checkout_coupon{display:block!important}
body.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none!important}

/* ---- 6) Stripe claro y ordenado ---- */
body.woocommerce-checkout .payment_box,
body.woocommerce-checkout .wc-stripe-elements-field,
body.woocommerce-checkout .wc-stripe-payment-element{
  background:#FFF!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:12px!important
}

/* ---- 7) Limpiar ruido visual (sin emojis ni imágenes gigantes) ---- */
body.woocommerce-checkout .elementor-icon,
body.woocommerce-checkout .elementor-icon-list-icon{display:none!important}
/* Ocultar imagen gigante de Mastercard si viene de Elementor (no toca Stripe) */
body.woocommerce-checkout .elementor-widget-image img[src*="mastercard"]{display:none!important}

/* Margen superior para una futura trust box (Fase 4) */
body.woocommerce-checkout .checkout-trust-box{margin-top:14px}