/*
 * Analytics consent banner.
 *
 * Loaded only when inc/analytics.php has analytics active for the request.
 * A non-blocking bar at the bottom of the viewport, not a modal: the page
 * stays fully usable while the question is open. Both buttons inherit the
 * theme's global button style unchanged, so accept and reject carry exactly
 * the same visual weight.
 */

.kksombor-consent {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 1000;
	background-color: var(--base-2);
	border-block-start: 1px solid var(--contrast-3);
	color: var(--contrast);
	padding-block: var(--wp--preset--spacing--md);
	padding-inline: clamp(1rem, 4vw, 2rem);
}

.kksombor-consent[hidden] {
	display: none;
}

.kksombor-consent__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--md) var(--wp--preset--spacing--lg);
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.kksombor-consent__text {
	flex: 1 1 20rem;
	min-width: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--contrast-2);
}

.kksombor-consent__title {
	margin: 0 0 var(--wp--preset--spacing--xs);
	font-size: var(--wp--preset--font-size--body);
	color: var(--contrast);
}

.kksombor-consent__text p {
	margin: 0;
}

.kksombor-consent__text a {
	color: var(--accent);
	text-decoration: underline;
}

.kksombor-consent__text a:hover,
.kksombor-consent__text a:focus {
	color: var(--contrast);
}

.kksombor-consent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--sm);
}

.kksombor-consent__actions button {
	min-height: 44px;
	padding-inline: var(--wp--preset--spacing--lg);
}

/* Footer control: reads as a link, behaves as a button (it opens a dialog-like
   region rather than navigating). Two classes outrank the global
   button/button:hover element rules in style.css. */
.site-footer .kksombor-consent-open {
	background: none;
	padding: 0;
	color: var(--accent);
	font: inherit;
	text-decoration: underline;
}

.site-footer .kksombor-consent-open:hover,
.site-footer .kksombor-consent-open:focus {
	background: none;
	color: var(--contrast);
}