/* ALTEREGO V4.0.5 · Contraste específico del checkout
   Corrige únicamente textos colocados sobre bloques verdes o claros. */

/* MODO CLARO: texto blanco sobre los dos fondos verdes del checkout. */
html[data-theme="light"] body.checkout-page .checkout-form__top,
html[data-theme="light"] body.checkout-page .checkout-form__top :where(h1,h2,h3,h4,p,span,strong,small,div),
html[data-theme="light"] body.checkout-page .checkout-summary-premium .summary-total,
html[data-theme="light"] body.checkout-page .checkout-summary-premium .summary-total :where(span,strong,small,div) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

/* Mantiene el subtítulo del encabezado verde blanco y legible. */
html[data-theme="light"] body.checkout-page .checkout-form__top p {
  color: #e4f4ec !important;
  -webkit-text-fill-color: #e4f4ec !important;
}

/* MODO OSCURO: texto negro sobre elementos que conservan fondo blanco/claro. */
html[data-theme="dark"] body.checkout-page .checkout-summary-premium > h2,
html[data-theme="dark"] body.checkout-page .checkout-summary-premium > h2 :where(span,strong,small),
html[data-theme="dark"] body.checkout-page .checkout-section__step,
html[data-theme="dark"] body.checkout-page .checkout-trust-grid > div,
html[data-theme="dark"] body.checkout-page .checkout-trust-grid > div :where(strong,span,small),
html[data-theme="dark"] body.checkout-page .payment-shell__head,
html[data-theme="dark"] body.checkout-page .payment-shell__head :where(strong,span,small,div),
html[data-theme="dark"] body.checkout-page .payment-security-note,
html[data-theme="dark"] body.checkout-page .payment-security-note :where(strong,span,small,div) {
  color: #101715 !important;
  -webkit-text-fill-color: #101715 !important;
  text-shadow: none !important;
}

/* Contraste reforzado de números y etiquetas pequeñas en modo oscuro. */
html[data-theme="dark"] body.checkout-page .checkout-section__step {
  background: #f1f7f4 !important;
  border: 1px solid #cfe0d7 !important;
  font-weight: 900 !important;
}

html[data-theme="dark"] body.checkout-page .checkout-trust-grid > div {
  background: #f1f7f4 !important;
  border: 1px solid #d5e5dc !important;
}

html[data-theme="dark"] body.checkout-page .checkout-summary-premium > h2 {
  background: #f8fbf9 !important;
  border-bottom-color: #dbe7e1 !important;
}

/* El total del modo oscuro conserva fondo verde oscuro y texto blanco. */
html[data-theme="dark"] body.checkout-page .checkout-summary-premium .summary-total,
html[data-theme="dark"] body.checkout-page .checkout-summary-premium .summary-total :where(span,strong,small,div) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Mensaje posterior al pago: contraste solicitado por tema. */
html[data-theme="dark"] body.checkout-page #checkoutMsg.alert--success {
  display:block!important;background:#ffffff!important;border:2px solid #1b9b5e!important;color:#087444!important;
  -webkit-text-fill-color:#087444!important;font-weight:900!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
html[data-theme="light"] body.checkout-page #checkoutMsg.alert--success {
  display:block!important;background:#087a4c!important;border:2px solid #087a4c!important;color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;font-weight:900!important;box-shadow:0 12px 28px rgba(8,122,76,.22)!important;
}
body.checkout-page #checkoutMsg.alert--processing {
  display:block!important;background:#fff8dc!important;border:1px solid #dfb94b!important;color:#5f4800!important;
  -webkit-text-fill-color:#5f4800!important;font-weight:850!important;padding:12px 14px!important;border-radius:12px!important;text-align:center!important;
}
body.checkout-page #checkoutForm[data-processing="true"] button[type="submit"]{cursor:wait!important;opacity:.86!important}

/* Avisos de la tienda siempre visibles por encima de modales. */
body .app-toast,body .cart-toast{top:18px!important;right:18px!important;bottom:auto!important;left:auto!important;z-index:2147483000!important;}
@media(max-width:680px){body .app-toast,body .cart-toast{left:12px!important;right:12px!important;max-width:none!important;}}