/**
 * File cookie-consent.css.
 *
 * Companion stylesheet for the cookie-consent banner markup printed in
 * footer.php. Layout, spacing and colors are handled inline with the
 * theme's Tailwind utility classes (loaded via the CDN build in
 * header.php); this file only owns the show/hide transition, since a real
 * CSS transition is more reliable here than relying on dynamically toggled
 * Tailwind classes.
 */

.cnf-cookie-banner {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.cnf-cookie-banner--hidden {
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {

	.cnf-cookie-banner {
		transition: none;
	}
}