/*
 * El banner de cookies, centrado abajo.
 *
 * Complianz solo ofrece cuatro posiciones -centro, abajo a lo ancho, abajo a
 * la izquierda y abajo a la derecha- y ninguna es "abajo centrado". Se elige
 * la tarjeta de esquina, que es la pequena, y se centra aqui.
 *
 * Se puede usar transform sin miedo porque la animacion del banner esta en
 * "none": si algun dia se le pone una de deslizamiento, chocaria con esto y
 * habria que centrarlo con margenes.
 */

@media ( min-width: 768px ) {
	.cmplz-cookiebanner {
		right: auto !important;
		left: 50% !important;
		transform: translateX( -50% ) !important;
	}
}

/*
 * Por debajo de 768 px no caben los 420 del banner con holgura, asi que va de
 * lado a lado con su margen.
 */
@media ( max-width: 767px ) {
	.cmplz-cookiebanner {
		left: 10px !important;
		right: 10px !important;
		transform: none !important;

		/*
		 * Y hay que soltarle el ancho. Complianz le pone
		 * min-width: min(var(--cmplz_banner_width), 100%), o sea 420 px, y
		 * en una pantalla de 390 eso no solo se sale: arrastra a la pagina
		 * entera y aparece barra horizontal en todo el sitio.
		 */
		min-width: 0 !important;
		width: auto !important;
		max-width: none !important;
	}
}

/*
 * Y mientras esta la pregunta de las cookies, los dos reclamos flotantes se
 * apartan: ocupan exactamente el mismo hueco -la barra de contacto esta
 * centrada abajo y el boton del diagnostico en la esquina derecha-, asi que
 * se pisarian.
 *
 * No es solo estetico: lo que hay que responder primero es el consentimiento,
 * y dos botones encima compiten por el mismo clic. Vuelven solos en cuanto se
 * elige, porque Complianz quita la clase cmplz-show.
 *
 * Si el navegador no entiende :has() ignora la regla entera y vuelven a
 * solaparse, que es como estaban: no rompe nada.
 */
body:has( .cmplz-cookiebanner.cmplz-show ) #waad-float-cta,
body:has( .cmplz-cookiebanner.cmplz-show ) .waad-diag-fab {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

#waad-float-cta,
.waad-diag-fab {
	transition: opacity 0.2s ease;
}

/*
 * Por encima del diagnosticador.
 *
 * Los dos usaban z-index 99999, asi que desempataba el orden del DOM y ganaba
 * el modal: el banner quedaba debajo de su velo, apagado y sin poder pulsarse.
 * Una pregunta de consentimiento que no se puede responder no sirve de nada.
 */
.cmplz-cookiebanner,
#cmplz-manage-consent {
	z-index: 100001 !important;
}