/*
 * Site-side fixes for the legal-consent banner and preferences dialog.
 * public/legal-consent/ is a vendored bundle we keep byte-identical, so the fixes live here.
 * _head links this file right after the Vite site.css so it loads last.
 *
 * - Tailwind preflight's `[type=button] { background-color: transparent }` has the same
 *   specificity as `.lc-btn { background: var(--lc-accent) }` and loads later, so the primary
 *   buttons lost their fill: white text on the white banner, dark text on the dark one.
 * - @tailwindcss/forms (`appearance: none`) plus custom.css
 *   (`input { background-color: #ffffff0d !important; border-style: none }`) turned the
 *   checkboxes into a near-invisible box with a white check mark.
 */

.lc-banner .lc-btn,
.lc-dialog .lc-btn {
	background-color: var(--lc-accent);
	color: var(--lc-accent-fg);
	border-color: var(--lc-accent);
}

.lc-banner .lc-btn.lc-quiet,
.lc-dialog .lc-btn.lc-quiet {
	background-color: transparent;
	color: var(--lc-fg);
	border-color: var(--lc-border);
}

/* Native checkboxes, which is what legal-consent.css is written for. */
.lc-dialog .lc-cat input {
	appearance: auto;
	background-image: none;
}