/* ==========================================================================
   MC-110 — o checkout no modo MoR (a Stripe como vendedora)

   Só o que é novo neste modo: a etapa 04 da barra e a tela de pagamento. Todo
   o resto vem do pcs-checkout.css e do pmc-checkout.css, pelas mesmas classes.
   ========================================================================== */

/* -- 1. A etapa "04 Payment" na barra do checkout
   Ela descreve o que vem depois da revisão; não é um passo do formulário, e
   por isso não se clica. */
.pcs .pmc-mor__aba { cursor: default; }

/* A forma de pagamento MoR é um campo do formulário, não uma escolha na tela. */
.pcs .pmc-mor-metodo {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pcs .pmc-mor-metodo .input-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

/* -- 2. A tela de pagamento */
.pmc-mor .pmc-mor__etapas a.pcs__tab { text-decoration: none; }

.pmc-mor__corpo {
	display: grid;
	gap: var(--pcs-gap, 24px);
	margin-top: var(--pcs-gap, 24px);
}

/* O formulário da Stripe traz as próprias margens: o cartão só dá o chão. */
.pcs .pmc-mor__cartao {
	padding: 12px;
	overflow: hidden;
}

.pmc-mor__formulario { min-height: 480px; }

.pmc-mor__espera {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 480px;
	margin: 0;
	color: #4C4C4C;
	font-size: 16px;
}

.pmc-mor__roda {
	width: 20px;
	height: 20px;
	border: 2px solid #DDDDDD;
	border-top-color: #3B44B5;
	border-radius: 50%;
	animation: pmc-mor-roda .8s linear infinite;
}

@keyframes pmc-mor-roda {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.pmc-mor__roda { animation: none; }
}

.pmc-mor__erro {
	margin: 0;
	padding: 20px;
	color: #B42318;
	font-size: 16px;
	line-height: 1.5;
}

.pmc-mor__nota .pcs-note__text + .pcs-note__text { margin-top: 10px; }

@media (max-width: 767px) {
	.pcs .pmc-mor__cartao { padding: 4px; }
	.pmc-mor__formulario,
	.pmc-mor__espera { min-height: 360px; }
}

/* O país informado no passo 02, dito acima do formulário da Stripe: é o país
   do formulário que decide o imposto, e ele abre com o do lugar de acesso. */
.pmc-mor__pais {
	margin: 0 0 16px;
	padding: 12px 16px;
	border-radius: 12px;
	background: #eceef8;
	color: #14152b;
	font-size: 15px;
	line-height: 1.5;
}