/*
 * Único CSS escrito a mano del tema (antes "sticky-call-button.css" — se
 * renombró porque ahora cubre dos cosas puntuales que no son expresables
 * como atributos de bloque / tokens de theme.json):
 *
 * 1) Botón de llamada fijo en mobile: comportamiento de layout
 *    (position fixed + media query), no un color o tipografía.
 *
 * 2) Color de los links del footer: el verde global del sitio
 *    (--wp--preset--color--primary, #038249) da 4.29:1 sobre el fondo
 *    negro del footer — por debajo del mínimo de 4.5:1 para texto normal.
 *    Acá se fuerza a "primary-light" (#98cd7e, 11.37:1 sobre negro) solo
 *    dentro de .footer-links. El resto del sitio sigue usando el verde
 *    global normalmente (ahí sí cumple, ver INVENTORY.md / contraste).
 *
 * Todos los colores referencian las custom properties que genera
 * theme.json, así que si se cambia la paleta ahí, esto se actualiza solo.
 */

.sticky-call-button {
	display: none;
}

@media (max-width: 781px) {
	.sticky-call-button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		padding: 0.9rem 1rem;
		background-color: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--white);
		font-weight: 700;
		font-size: 1rem;
		text-decoration: none;
		text-align: center;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.25);
	}

	.sticky-call-button:hover,
	.sticky-call-button:focus {
		background-color: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--white);
		opacity: 0.9;
	}

	/* Evita que el botón fijo tape el último bloque del footer en mobile. */
	.site-footer {
		padding-bottom: 4.5rem;
	}
}

.footer-links a {
	color: var(--wp--preset--color--primary-light);
}

.footer-links a:hover,
.footer-links a:focus {
	color: var(--wp--preset--color--white);
}