/**
 * Marca del checkout de WooCommerce.
 *
 * El checkout por bloques hereda los colores del tema —de ahí el morado de
 * Twenty Twenty-Five— y no se parece en nada al resto del sitio. Justo en el
 * paso donde el donante mete la tarjeta, cambiar de apariencia es lo que más
 * abandono causa: parece que lo mandaron a otro lado.
 *
 * Esto NO reemplaza el checkout: solo lo viste con los colores de la
 * asociación. Todo va acotado a las páginas de compra.
 */

.abgc-woo{
	--abgc-az:#0056A6;
	--abgc-az-d:#003d75;
	--abgc-rojo:#DC3545;
	--abgc-rojo-d:#b02a37;
	--abgc-linea:#e9ecef;
	--abgc-tx:#22303F;
	--abgc-tx2:#5E6E7E;
}

/* Títulos y textos: el morado del tema fuera de todo. */
.abgc-woo .wc-block-components-title,
.abgc-woo .wp-block-woocommerce-checkout-order-summary-block h2,
.abgc-woo .wc-block-components-checkout-step__title{
	font-family:'Antonio',Impact,sans-serif!important;
	letter-spacing:.01em;
	color:var(--abgc-az)!important}
.abgc-woo .wc-block-components-product-name,
.abgc-woo .wc-block-components-product-name:hover,
.abgc-woo .wc-block-components-order-summary-item__description a{
	color:var(--abgc-az)!important;
	text-decoration:none!important;
	font-weight:700}
.abgc-woo .wc-block-components-order-summary-item__description,
.abgc-woo .wc-block-components-checkout-step__description{color:var(--abgc-tx2)!important}

/* Los dos productos de donación no tienen foto y WooCommerce pinta un ícono
   de imagen rota. Sin foto se ve más limpio que con un marcador gris. */
.abgc-woo .wc-block-components-order-summary-item__image{display:none!important}
.abgc-woo .wc-block-components-order-summary-item{grid-template-columns:1fr auto!important}

/* Botón principal: el mismo rojo, el mismo brillo y la misma sombra de color
   que el botón de donar del que viene el visitante. */
.abgc-woo .wc-block-components-checkout-place-order-button,
.abgc-woo .wc-block-components-button.contained,
.abgc-woo .wp-block-button__link{
	background:linear-gradient(180deg,#E8455A 0%,var(--abgc-rojo) 46%,var(--abgc-rojo-d) 100%)!important;
	color:#fff!important;border:0!important;border-radius:99px!important;
	font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.34),
		inset 0 -1px 0 rgba(0,0,0,.16),
		0 6px 16px -4px rgba(190,25,45,.45),
		0 14px 30px -12px rgba(190,25,45,.4)!important;
	transition:transform .18s,box-shadow .18s}
.abgc-woo .wc-block-components-checkout-place-order-button:hover,
.abgc-woo .wc-block-components-button.contained:hover{transform:translateY(-2px)}
.abgc-woo .wc-block-components-checkout-place-order-button:active,
.abgc-woo .wc-block-components-button.contained:active{
	transform:translateY(1px) scale(.988);transition-duration:.06s}

/* Enlaces y acentos */
.abgc-woo a,.abgc-woo .wc-block-components-button.text{color:var(--abgc-az)!important}
.abgc-woo a:hover{color:var(--abgc-az-d)!important}

/* Campos: mismo trazo y mismo foco rojo que los del sitio. */
.abgc-woo .wc-block-components-text-input input,
.abgc-woo .wc-block-components-textarea,
.abgc-woo .wc-block-components-combobox-control input,
.abgc-woo select{
	border-radius:9px!important;border:2px solid #cfd6dd!important;
	box-shadow:none!important}
.abgc-woo .wc-block-components-text-input.is-active input,
.abgc-woo .wc-block-components-text-input input:focus,
.abgc-woo .wc-block-components-textarea:focus{
	border-color:var(--abgc-rojo)!important;outline:0!important}
.abgc-woo .wc-block-components-text-input.is-active label,
.abgc-woo .wc-block-components-text-input input:focus + label{color:var(--abgc-tx2)!important}

/* Cajas y separadores */
.abgc-woo .wc-block-components-order-summary,
.abgc-woo .wp-block-woocommerce-checkout-order-summary-block,
.abgc-woo .wc-block-components-panel{
	border-color:var(--abgc-linea)!important;border-radius:12px!important}
.abgc-woo .wc-block-components-totals-item__value,
.abgc-woo .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
	color:var(--abgc-az)!important;font-weight:700}
.abgc-woo .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
	font-family:'Antonio',Impact,sans-serif!important;font-size:26px}

/* Avisos */
.abgc-woo .wc-block-components-notice-banner.is-error{border-color:var(--abgc-rojo)!important}
.abgc-woo .wc-block-components-notice-banner.is-success{border-color:#0f7a3d!important}

/* Radios de método de pago */
.abgc-woo .wc-block-components-radio-control__option--checked-option-highlighted,
.abgc-woo .wc-block-components-radio-control-accordion-option--checked-option-highlighted{
	box-shadow:0 0 0 2px var(--abgc-az)!important}

@media (max-width:700px){
	.abgc-woo .wc-block-components-checkout-place-order-button{
		min-height:52px!important;font-size:13px!important}
}