/**
 * Carrito lateral (xoo-wsc) — legibilidad de los tres botones.
 *
 * Por qué existe este archivo:
 * Los botones del carrito son <a class="xoo-wsc-ft-btn button btn">. El color
 * del texto lo ponía WooCommerce (#515151) y el fondo lo ponía el CSS en linea
 * del tema (#000). Ninguno de los dos sabía del otro: el resultado medido era
 * 2.65:1, por debajo del mínimo de 4.5:1. Aquí se fija la pareja completa.
 *
 * Especificidad: .xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn
 * son tres clases y un elemento (0,3,1). Gana a .woocommerce a.button (0,2,1)
 * sin necesidad de !important.
 *
 * Los colores van literales, no con var(--gf-*), porque gf-base.css sólo se
 * carga en las páginas rediseñadas y el carrito aparece en todo el sitio.
 */

.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 4px;
	border: 1px solid transparent;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Terciario: seguir comprando. Texto #1b1b1b sobre blanco = 17:1.
   El borde #9d8f6b da 3.2:1 contra el blanco, el mínimo para un contorno. */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue {
	background-color: #ffffff;
	color: #1b1b1b;
	border-color: #9d8f6b;
}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue:hover,
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-continue:focus {
	background-color: #f5ead2;
	color: #1b1b1b;
	border-color: #7a5a13;
}

/* Secundario: ver carrito. #fffaf2 sobre #1b1b1b = 16.2:1. */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart {
	background-color: #1b1b1b;
	color: #fffaf2;
	border-color: #1b1b1b;
}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart:hover,
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-cart:focus {
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
}

/* Principal: finalizar compra. #1f1404 sobre #b78a2e = 5.77:1, la misma
   pareja que ya usa el botón de añadir al carrito en la tienda. */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout {
	background-color: #b78a2e;
	color: #1f1404;
	border-color: #b78a2e;
	min-height: 48px;
	font-size: 15px;
}
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout:hover,
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout:focus {
	background-color: #6b5014;
	color: #fffaf2;
	border-color: #6b5014;
}

/* Foco visible para teclado. */
.xoo-wsc-modal .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:focus-visible {
	outline: 2px solid #1b1b1b;
	outline-offset: 2px;
}

/* El enlace de vaciar carrito queda legible y discreto. */
.xoo-wsc-modal .xoo-wsc-footer a.xoo-wsc-ecl {
	color: #6f675a;
	text-decoration: underline;
}
.xoo-wsc-modal .xoo-wsc-footer a.xoo-wsc-ecl:hover {
	color: #1b1b1b;
}

/* -------------------------------------------------------------------------
 * Botones secundarios de la página de carrito y de la de pago
 *
 * Misma colisión que en el carrito lateral: el color del texto lo pone
 * WooCommerce (#515151) y el fondo lo pisa el CSS en línea del tema (#000).
 * Medido: 2.65:1 en «Aplicar cupón», «Actualizar carrito» y «Volver al
 * carrito».
 *
 * Se dejan como secundarios (contorno claro) a propósito: así «Finalizar
 * compra», que ya se lee a 21:1, sigue siendo el único botón sólido de la
 * fila y por tanto el principal. No se toca.
 *
 * Especificidad: .woocommerce-cart-form td.actions button.button es (0,3,2)
 * y .woocommerce a.button.wc-backward es (0,3,1). Las dos ganan a
 * .woocommerce button.button (0,2,1) sin !important.
 * ---------------------------------------------------------------------- */

.woocommerce-cart-form td.actions button.button,
.woocommerce-cart-form td.actions input.button,
.woocommerce a.button.wc-backward {
	background-color: #ffffff;
	color: #1b1b1b;
	border: 1px solid #9d8f6b;
	border-radius: 4px;
	min-height: 44px;
	padding: 10px 16px;
	font-weight: 700;
	text-transform: none;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.woocommerce-cart-form td.actions button.button:hover,
.woocommerce-cart-form td.actions button.button:focus,
.woocommerce-cart-form td.actions input.button:hover,
.woocommerce a.button.wc-backward:hover,
.woocommerce a.button.wc-backward:focus {
	background-color: #f5ead2;
	color: #1b1b1b;
	border-color: #7a5a13;
}

.woocommerce-cart-form td.actions button.button:focus-visible,
.woocommerce a.button.wc-backward:focus-visible {
	outline: 2px solid #1b1b1b;
	outline-offset: 2px;
}