/* =========================================================================
   Cookie / privacy consent strip. Buttons use shared .mi-box (mi-site-chrome).
   ========================================================================= */
.mi-cookie-consent {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 100050;
	padding: var(--mi-space-10) var(--mi-gutter) var(--mi-space-4);
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.04) 28%,
		rgba(0, 0, 0, 0.075) 100%
	);
}

.mi-cookie-consent[hidden] {
	display: none !important;
}

.mi-cookie-consent__panel {
	pointer-events: auto;
	max-width: var(--mi-content-max);
	margin-inline: auto;
	margin-block-end: var(--mi-space-2);
	padding: var(--mi-panel-pad);
	background: var(--mi-white);
	border: 2px solid var(--mi-black);
	border-radius: calc(var(--mi-surface-radius) + 2px);
	box-shadow:
		0 -14px 48px rgba(0, 0, 0, 0.14),
		0 -4px 16px rgba(0, 0, 0, 0.07);
	box-sizing: border-box;
}

.mi-cookie-consent__title {
	font-family: var(--mi-font-heading);
	font-weight: 600;
	font-size: var(--mi-text-lg);
	line-height: var(--mi-lh-5);
	letter-spacing: var(--mi-tracking-tight);
	color: var(--mi-black);
	margin: 0 0 var(--mi-space-2);
}

.mi-cookie-consent__text {
	font-family: var(--mi-font-sans);
	font-size: var(--mi-text-sm);
	line-height: var(--mi-leading-relaxed);
	color: var(--mi-text);
	margin: 0 0 var(--mi-space-5);
	max-width: 52rem;
}

.mi-cookie-consent__text a {
	color: var(--mi-black);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mi-cookie-consent__text a:hover {
	text-decoration-thickness: 2px;
}

.mi-cookie-consent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mi-grid-step);
	align-items: center;
}