/*
 * Tono único de botones y azul único del sitio (encolado por rm-botones.php, prioridad 50).
 *
 * Los colores base ya se corrigieron en la fuente (kit de Elementor y opciones de Motors).
 * Aquí solo va lo que Motors escribe a mano en su CSS y no tiene ajuste en el panel.
 * Los var() llevan respaldo por si diseno.css no cargara.
 */

/* Motors define estos colores fijos en init_motors_root_colors() (naranjo #cc6119 y azules
   #6c98e1/#5a7db6/#153e4d). Se reasignan a los tokens para que ningún componente de Motors
   que los use muestre otro rojo u otro azul. #232628 (--mvl-third-color) es casi negro y se deja. */
:root {
	--mvl-primary-color: var(--rm-oxido, #b3361a);
	--mvl-secondary-color: var(--rm-acero, #1b3a4f);
	--mvl-secondary-color-dark: var(--rm-acero, #1b3a4f);
	--mvl-fourth-color: var(--rm-acero, #1b3a4f);
}

/* Hover de los botones que pinta el kit de Elementor: el kit define solo el color de reposo,
   así que al pasar el mouse cada plantilla hacía algo distinto. :where() deja la regla con la
   misma especificidad que la del kit, para que cualquier regla propia (.rm-btn, .rm-vista__btn…)
   siga mandando sobre esta. */
:where(.elementor-kit-5) :is(input[type="submit"], input[type="button"], .elementor-button):hover,
:where(.elementor-kit-5) :is(input[type="submit"], input[type="button"], .elementor-button):focus-visible {
	background-color: var(--rm-oxido-hover, #952a12);
}

/* Foco de los campos del Bootstrap que trae Motors (bootstrap.min.css y bootstrap/main.css):
   borde #80bdff/#66afe9 y halo azul claro. Misma especificidad que la de Bootstrap; gana por
   cargar después. Las hojas propias con selector más largo (p. ej. cuenta.css) siguen mandando. */
.form-control:focus {
	border-color: var(--rm-acero, #1b3a4f);
	box-shadow: 0 0 0 0.2rem rgba(27, 58, 79, 0.25);
}

/* Avisos de WooCommerce (carrito, pago, mi cuenta): el error trae su propio rojo (#b81c23) y el
   aviso informativo un azul (#1e85be). Se llevan a los tokens; el verde de "mensaje" se deja
   porque no es rojo ni azul y comunica éxito. */
.woocommerce-error {
	border-top-color: var(--rm-oxido, #b3361a);
}
.woocommerce-error::before {
	color: var(--rm-oxido, #b3361a);
}
.woocommerce-info {
	border-top-color: var(--rm-acero, #1b3a4f);
}
.woocommerce-info::before {
	color: var(--rm-acero, #1b3a4f);
}

/* Avisos del pago en bloques de WooCommerce (checkout.css): error en #cc1818 e informativo en
   #007cba, tanto en el borde como en el círculo del ícono. Misma especificidad, carga después. */
.wc-block-components-notice-banner.is-error {
	border-color: var(--rm-oxido, #b3361a);
}
.wc-block-components-notice-banner.is-error > svg {
	background-color: var(--rm-oxido, #b3361a);
}
.wc-block-components-notice-banner.is-info {
	border-color: var(--rm-acero, #1b3a4f);
}
.wc-block-components-notice-banner.is-info > svg {
	background-color: var(--rm-acero, #1b3a4f);
}

/* «Pagar por el pedido» (order-pay, el formulario clásico de WooCommerce al que lleva
   «Pagar ahora» en Mis pagos): sin el morado ni el lila de woocommerce.css. */
body .woocommerce #payment {
	background: var(--rm-hormigon, #eef0f1);
	border-radius: 4px;
}
body .woocommerce #payment div.payment_box {
	background: #fff;
	color: var(--rm-tinta, #22303c);
	border-radius: 4px;
}
body .woocommerce #payment div.payment_box::before {
	border-bottom-color: #fff;
}
body .woocommerce #payment #place_order {
	min-height: 48px;
	padding: 0 24px;
	border: 0;
	border-radius: 4px;
	background: var(--rm-oxido, #b3361a);
	color: #fff;
	font-weight: 600;
	text-transform: none;
}
body .woocommerce #payment #place_order:hover,
body .woocommerce #payment #place_order:focus-visible {
	background: #952a12;
	color: #fff;
}
body .woocommerce #payment .payment_methods label img {
	max-height: 28px;
	width: auto;
	margin-left: 8px;
	vertical-align: middle;
}