/* PINAX cookie notice, Kafeneio: a paper ticket pinned bottom-left, red top edge, no tilt (text stays crisp).
   Contrast (computed): ink on paper 14.89 | red eyebrow on paper 5.00 | green link on paper 7.77
   | ink on mustard button 8.33 | mustard hover: paper on ink 14.89. Focus ring ink on paper and mustard. */

.px-consent {
	position: fixed;
	left: var(--px-space-3);
	right: var(--px-space-3);
	bottom: var(--px-space-3);
	z-index: 9000;
	max-width: 24rem;
	margin: 0;
	padding: 0.875rem var(--px-space-3) var(--px-space-3);
	background: var(--px-paper);
	color: var(--px-ink);
	border: 2px solid var(--px-ink);
	border-top: 6px solid var(--px-red);
	font-family: var(--px-font-text);
	font-size: var(--px-text-sm);
	line-height: 1.45;
	animation: px-consent-in 220ms var(--px-ease) both;
}

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

.px-consent__inner {
	display: grid;
	gap: 0.375rem;
}

.px-consent__label {
	margin: 0;
	font-family: var(--px-font-display);
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--px-ink);
}

.px-consent__eyebrow {
	display: block;
	margin-bottom: 0.125rem;
	font-size: 1rem;
	letter-spacing: 0.14em;
	color: var(--px-red);
}

.px-consent__text {
	margin: 0;
	color: var(--px-ink);
}

.px-consent__link {
	color: var(--px-green);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: color var(--px-dur) var(--px-ease);
}

.px-consent__link:hover {
	color: var(--px-red);
}

.px-consent__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--px-space-2) var(--px-space-4);
	margin-top: var(--px-space-1);
}

.px-consent__form {
	margin: 0;
}

.px-consent__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	margin: 0;
	padding: 0.7rem var(--px-space-4) 0.55rem;
	border: 2px solid var(--px-mustard);
	border-radius: var(--px-radius);
	background: var(--px-mustard);
	color: var(--px-ink);
	font-family: var(--px-font-display);
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color var(--px-dur) var(--px-ease), color var(--px-dur) var(--px-ease), border-color var(--px-dur) var(--px-ease);
}

.px-consent__button:hover {
	background: var(--px-ink);
	border-color: var(--px-ink);
	color: var(--px-paper);
}

.px-consent__link:focus-visible,
.px-consent__button:focus-visible {
	outline: 3px solid var(--px-ink);
	outline-offset: 3px;
}

@media (min-width: 48rem) {
	.px-consent {
		left: var(--px-space-5);
		right: auto;
		bottom: var(--px-space-5);
		width: 24rem;
		padding: var(--px-space-3) var(--px-space-4) var(--px-space-4);
		font-size: 0.9375rem;
	}

	.px-consent__inner {
		gap: var(--px-space-2);
	}

	.px-consent__label {
		font-size: 1.75rem;
	}

	.px-consent__eyebrow {
		font-size: 1.125rem;
	}
}

@keyframes px-consent-in {
	from {
		opacity: 0;
		translate: 0 1rem;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.px-consent {
		animation: none;
	}

	.px-consent__link,
	.px-consent__button {
		transition: none;
	}
}

@media print {
	.px-consent {
		display: none;
	}
}