/*
 * Alvasolution — color del aviso de cookies (gdpr-cookie-notice), configurable.
 * Se carga siempre que el aviso está activo. Sobrescribe el #7cc5be de gdpr-cookie/style.css,
 * que no se modifica. Los valores llegan como variables CSS que pone alva/alva-consent.js en
 * <html> (sin atributos style en el HTML); sin color configurado se usan los del script.
 * También fija el color del texto al pasar el ratón: los botones del aviso son enlaces <a> y el
 * a:hover de Unify les ponía el verde de los enlaces (#07853a), invisible sobre un fondo verde.
 */
.gdpr-cookie-notice-nav-item-btn,
.gdpr-cookie-notice-modal-footer-item-btn,
.gdpr-cookie-notice-modal-cookie-input:checked + .gdpr-cookie-notice-modal-cookie-input-switch {
	background: var(--alva-cookie-color, #7cc5be);
}

.gdpr-cookie-notice-nav-item-btn,
.gdpr-cookie-notice-modal-footer-item-btn {
	color: var(--alva-cookie-text, #fff);
}

.gdpr-cookie-notice-modal-cookie-input:checked + .gdpr-cookie-notice-modal-cookie-input-switch {
	box-shadow: inset 0 0 0 1px var(--alva-cookie-color, #7cc5be);
}

.gdpr-cookie-notice-modal-cookie-state,
.gdpr-cookie-notice-modal-footer-item:not(.gdpr-cookie-notice-modal-footer-item-btn) {
	color: var(--alva-cookie-color, #7cc5be);
}

/* Flecha del enlace «Política de cookies» del modal: misma forma, pintada con el color configurado */
.gdpr-cookie-notice-modal-footer-item:not(.gdpr-cookie-notice-modal-footer-item-btn):after {
	background: var(--alva-cookie-color, #7cc5be);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg height="12" viewBox="0 0 8 12" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z"/></svg>') no-repeat left center;
	mask: url('data:image/svg+xml;utf8,<svg height="12" viewBox="0 0 8 12" width="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.41 0-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z"/></svg>') no-repeat left center;
}

/* Hover y foco: el texto no cambia (Unify pone a:hover verde) y el fondo se oscurece un poco */
.gdpr-cookie-notice-nav-item-btn:hover,
.gdpr-cookie-notice-nav-item-btn:focus,
.gdpr-cookie-notice-modal-footer-item-btn:hover,
.gdpr-cookie-notice-modal-footer-item-btn:focus {
	color: var(--alva-cookie-text, #fff);
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .15);
}

.gdpr-cookie-notice-modal-footer-item:not(.gdpr-cookie-notice-modal-footer-item-btn):hover,
.gdpr-cookie-notice-modal-footer-item:not(.gdpr-cookie-notice-modal-footer-item-btn):focus {
	color: var(--alva-cookie-color, #7cc5be);
	text-decoration: underline;
}

.gdpr-cookie-notice-nav-item-btn:focus-visible,
.gdpr-cookie-notice-modal-footer-item:focus-visible {
	outline: 2px solid var(--alva-cookie-text, #fff);
	outline-offset: 2px;
}

.gdpr-cookie-notice-modal-footer-item:not(.gdpr-cookie-notice-modal-footer-item-btn):focus-visible {
	outline-color: var(--alva-cookie-color, #7cc5be);
}
