/* V1 · P2/P3/P4/P9 · Presentación del checkout clásico desde el contenedor.
   El flujo de pago, los iframes de Mercado Pago y los validadores de N no cambian.
   Lo que vive dentro de los iframes del SDK queda como excepción declarada. */

/* ── P4 · Contraste AA (≥ 4,5:1) en los enlaces del proveedor fuera del iframe.
       «cómo cuidamos tu privacidad» medía 3,64:1 (#3483FA sobre blanco). ── */
body.relief-ux #mp-checkout-custom-root a{color:#1A5F7A!important;text-decoration:underline}

/* ── P2 · Alto táctil: enlaces y filas del proveedor llegan a 44 px a 390 px. ── */
body.relief-ux #mp-checkout-custom-root a.mp-test-mode-link,
body.relief-ux #mp-checkout-custom-root .mp-privacy-policy-footer a{display:inline-flex!important;align-items:center;min-height:44px!important;padding-block:2px}
body.relief-ux .mp-checkout-custom-card-row{min-height:44px}
/* Los tres campos seguros son iframes del SDK: se agranda el elemento contenedor
   (área de toque); el control interno del iframe queda como excepción. */
body.relief-ux #form-checkout__cardNumber-container,
body.relief-ux #form-checkout__expirationDate-container,
body.relief-ux #form-checkout__securityCode-container{min-height:48px}
body.relief-ux #form-checkout__cardNumber-container iframe,
body.relief-ux #form-checkout__expirationDate-container iframe,
body.relief-ux #form-checkout__securityCode-container iframe{min-height:48px!important}
body.relief-ux input#form-checkout__cardholderName{min-height:48px}

/* ── P3 · Tipografía del contenedor hacia Lato. El texto dentro de los iframes del
       SDK (Inter) y el botón de marca #mp-wallet-button quedan como excepción. ── */
body.relief-ux #mp-checkout-custom-root,
body.relief-ux #mp-checkout-custom-root .mp-checkout-custom-card-form,
body.relief-ux #mp-checkout-custom-root .mp-checkout-custom-installments-select-container,
body.relief-ux #mp-checkout-custom-root .mp-wallet-button-title{font-family:'Lato',Arial,sans-serif}
body.relief-ux .mp-custom-checkout-select-input{min-height:48px;border-color:#CED9DA;border-radius:5px;background:#FFFFFF;color:#0F3D50;font-family:'Lato',Arial,sans-serif}

/* ── P9 · Radios de pago: el círculo y su etiqueta comparten una sola fila a todo ancho.
       Estructura clásica de Woo: el radio es hermano del label dentro del li. ── */
body.relief-ux #payment ul.wc_payment_methods{list-style:none;padding:0;margin-block:8px}
body.relief-ux #payment ul.wc_payment_methods li.wc_payment_method{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;min-height:48px;padding-block:2px}
body.relief-ux #payment ul.wc_payment_methods li.wc_payment_method>input[type=radio]{grid-column:1;grid-row:1;width:20px;height:20px;margin:0;accent-color:#0F3D50}
body.relief-ux #payment ul.wc_payment_methods li.wc_payment_method>label{grid-column:2;grid-row:1;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;font-weight:700}
body.relief-ux #payment ul.wc_payment_methods li.wc_payment_method>label img{flex:none}
body.relief-ux #payment ul.wc_payment_methods li.wc_payment_method>.payment_box{grid-column:1/-1;margin:0 0 10px;padding:10px 0 0 30px;font-size:.9rem}
body.relief-ux #payment .wc_payment_method>.payment_box p{margin:0}

/* ── P9 · Ritmo del bloque de pago: menos aire antes del medio elegido. ── */
body.relief-ux form.checkout #payment{margin-block:12px 16px}
body.relief-ux form.checkout .woocommerce-checkout-payment{padding-block:4px}

/* ── P9 · Casilla de retracto (clásico): mismo tratamiento de tarjeta que los
       bloques de P, sin tocar la decisión ni la validación. ── */
body.relief-ux p.form-row.relief-retracto-accept{display:block;margin:14px 0 6px;padding:12px 14px;border:1px solid #CED9DA;border-radius:6px;background:#F7F5F0}
body.relief-ux p.form-row.relief-retracto-accept label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:start;min-height:44px;font-size:1rem;line-height:1.5;color:#0F3D50}
body.relief-ux p.form-row.relief-retracto-accept input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;accent-color:#0F3D50}

/* ── P9 · Resumen: el aviso junto al total respira igual que las filas del pedido. ── */
body.relief-ux .relief-retracto-total td{padding-block:8px}
body.relief-ux .relief-checkout-review table.woocommerce-checkout-review-order-table td,
body.relief-ux .relief-checkout-review table.woocommerce-checkout-review-order-table th{padding-block:10px}

/* ── P0 · Aviso visible de fallo de pago, con la receta J (Lato, navy, coral). ── */
.relief-v1-payment-notice{margin:0 0 14px;padding:16px 18px;border:1px solid #CED9DA;border-left:4px solid #E8734A;border-radius:6px;background:#FDF6F2;color:#0F3D50;font-family:'Lato',Arial,sans-serif}
.relief-v1-payment-notice[hidden]{display:none}
.relief-v1-payment-notice-title{margin:0 0 6px;font-weight:700;font-size:1.05rem}
.relief-v1-payment-notice-body{margin:0 0 6px;font-size:.95rem;line-height:1.5}
.relief-v1-payment-notice-body:empty{display:none}
.relief-v1-payment-notice-out{margin:0;font-size:.9rem;line-height:1.5}
.relief-v1-payment-notice-out a{color:#1A5F7A;font-weight:700;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}