/* Esconde el submit nativo de PMPro y su fieldset de cuenta: el flujo va por nuestros
   campos + botones (registro / Brick). Este CSS solo se encola cuando la gateway activa
   es 'mercadopago' (ver Molt_MP_Checkout_Frontend::maybe_enqueue), así que el selector
   global es seguro — sólo afecta a esta página de checkout. */
#pmpro_submit_span,
#pmpro_user_fields,
.molt-mp-hide {
	display: none !important;
}

/* Oculta el paso de pago hasta que JS / la recarga lo habiliten. */
.molt-mp-pay-step[hidden] {
	display: none !important;
}

.molt-mp-checkout-wrap {
	margin: 1.5em 0;
	padding: 1em 0;
}

.molt-mp-checkout-wrap .molt-mp-hint {
	color: #555;
	font-size: 0.95em;
	margin-bottom: 1em;
}

/* --- Paso 1: gate de registro --- */
.molt-mp-register-gate {
	margin: 1em 0;
}

.molt-mp-register-gate .molt-mp-field {
	margin-bottom: 1em;
}

.molt-mp-register-gate .molt-mp-optional {
	color: #888;
	font-weight: normal;
	font-size: 0.9em;
}

.molt-mp-register-gate .molt-mp-field-hint {
	display: block;
	color: #888;
	font-size: 0.85em;
	margin-top: 0.25em;
}

/* Campo de contraseña con ojo ver/ocultar (clásico, como el form anterior de PMPro). */
.molt-mp-pass-wrap {
	position: relative;
}

.molt-mp-pass-wrap input {
	width: 100%;
	padding-right: 2.5em;
}

/* Reset agresivo: el tema (Hello/PMPro) estiliza <button> como botón verde redondo.
   Forzamos un ícono plano dentro del input. */
.molt-mp-pass-toggle,
.molt-mp-pass-toggle:hover,
.molt-mp-pass-toggle:focus {
	position: absolute !important;
	top: 50% !important;
	right: 0.5em !important;
	transform: translateY(-50%) !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	cursor: pointer;
	color: #888;
	line-height: 0;
}

.molt-mp-pass-toggle .molt-mp-eye {
	width: 18px;
	height: 18px;
}

.molt-mp-pass-toggle:hover {
	color: #333;
}

.molt-mp-pass-toggle .molt-mp-eye-off {
	display: none;
}

.molt-mp-pass-toggle.is-showing .molt-mp-eye-open {
	display: none;
}

.molt-mp-pass-toggle.is-showing .molt-mp-eye-off {
	display: inline;
}

.molt-mp-register-btn {
	width: 100%;
	margin-top: 0.5em;
}

.molt-mp-register-btn[disabled] {
	opacity: 0.7;
	cursor: progress;
}

.molt-mp-login-hint {
	margin-top: 1em;
	font-size: 0.9em;
	color: #555;
}

/* --- Cupón de descuento --- */
.molt-mp-coupon {
	margin: 0 0 1.25em;
}

.molt-mp-coupon-row {
	display: flex;
	gap: 0.5em;
	align-items: stretch;
}

.molt-mp-coupon-row input {
	flex: 1 1 auto;
	text-transform: uppercase;
}

.molt-mp-coupon-row input:disabled {
	background: #f3f3f3;
	color: #555;
}

.molt-mp-coupon-btn {
	flex: 0 0 auto;
	white-space: nowrap;
}

.molt-mp-coupon-btn[disabled] {
	opacity: 0.7;
	cursor: progress;
}

.molt-mp-coupon-feedback {
	margin-top: 0.5em;
	font-size: 0.92em;
	min-height: 1.2em;
}

.molt-mp-coupon-feedback.is-ok {
	color: #1a7f37;
	font-weight: 600;
}

.molt-mp-coupon-feedback.is-error {
	color: #b32d2e;
}

/* --- Paso 2: Brick --- */
#cardPaymentBrick_container {
	min-height: 320px;
}

.molt-mp-error {
	color: #b32d2e;
	margin-top: 1em;
	min-height: 1.4em;
}

.molt-mp-error:empty {
	display: none;
}

/* Bloqueo geo: el Brick resolvió un site distinto de MCO (usuario fuera de Colombia). */
.molt-mp-geo-block {
	margin: 1em 0;
	padding: 1em 1.2em;
	border: 1px solid #f0c36d;
	border-left: 4px solid #dba617;
	border-radius: 6px;
	background: #fcf6e6;
	color: #6b4e09;
	line-height: 1.5;
}

.molt-mp-geo-block[hidden] {
	display: none;
}

/* Ayuda Safari iOS (protección antifingerprinting bloquea el Brick). Discreta y colapsada;
   JS la revela solo en Safari iOS (ver checkout.js). */
.molt-mp-ios-help[hidden] {
	display: none;
}

.molt-mp-ios-help {
	margin-top: 1em;
	font-size: 0.9em;
	color: #555;
}

.molt-mp-ios-help summary {
	cursor: pointer;
	color: #1a6ea8;
	font-weight: 600;
}

.molt-mp-ios-help-body {
	margin-top: 0.6em;
	line-height: 1.5;
}

.molt-mp-ios-help-body ul {
	margin: 0.5em 0 0;
	padding-left: 1.2em;
}

.molt-mp-ios-help-body li {
	margin-bottom: 0.5em;
}