/*
 * Baner zgód na pliki cookies. Kolory, czcionka i zaokrąglenia ze zmiennych CSS motywu „wypozyczalnia”
 * (z wartościami zapasowymi dla innych motywów). Wygląd na telefonie dopracowany w etapie S7.
 * Trzy przyciski wyboru mają ten sam styl i rozmiar (równie widoczne „Akceptuję” i „Odrzucam”).
 */
.wz {
	position: fixed;
	z-index: 99990;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 0 max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
	pointer-events: none;
}

.wz[hidden] {
	display: none;
}

.wz *,
.wz *::before,
.wz *::after {
	box-sizing: border-box;
}

.wz__okno {
	position: relative;
	max-width: 46rem;
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	margin: 0 auto;
	overflow-y: auto;
	padding: 1rem 1.25rem;
	background: var(--c-card, #FFFFFF);
	color: var(--c-ink, #2B2522);
	border: 1px solid var(--c-line, #E6DED5);
	border-radius: var(--radius-lg, 1rem);
	box-shadow: var(--shadow, 0 10px 30px rgba(43, 37, 34, .12));
	font-family: var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);
	font-size: .9375rem;
	line-height: 1.5;
	pointer-events: auto;
}

.wz__tytul {
	margin: 0 2rem .25rem 0;
	font-size: 1.0625rem;
	font-weight: 700;
}

.wz__opis {
	margin: 0 0 .75rem;
	overflow-wrap: anywhere;
}

.wz__opis a {
	color: var(--c-accent-dark, #A9384A);
	text-decoration: underline;
}

.wz__kategorie {
	display: grid;
	gap: .5rem;
	margin: 0 0 .75rem;
	padding: 0;
	border: 0;
	min-width: 0;
}

.wz__kategorie[hidden] {
	display: none;
}

.wz__legenda {
	margin-bottom: .25rem;
	padding: 0;
	font-weight: 600;
}

.wz__kategoria {
	display: flex;
	gap: .625rem;
	align-items: flex-start;
	padding: .625rem .75rem;
	background: var(--c-paper, #F5F1EB);
	border: 1px solid var(--c-line, #E6DED5);
	border-radius: var(--radius, .75rem);
	cursor: pointer;
}

.wz__kategoria input {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	margin: .2rem 0 0;
	accent-color: var(--c-accent, #C84654);
}

.wz__przyciski {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.wz__przycisk {
	flex: 1 1 10rem;
	min-height: 44px;
	margin: 0;
	padding: .5rem 1rem;
	background: var(--c-ink, #2B2522);
	color: #FFFFFF;
	border: 2px solid var(--c-ink, #2B2522);
	border-radius: var(--radius-pill, 9999px);
	font: inherit;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
}

.wz__przycisk[hidden] {
	display: none;
}

.wz__przycisk:hover {
	background: var(--c-accent-dark, #A9384A);
	border-color: var(--c-accent-dark, #A9384A);
}

.wz__przycisk:focus-visible,
.wz__zamknij:focus-visible,
.wz__kategoria input:focus-visible {
	outline: 3px solid var(--c-sun, #F6C453);
	outline-offset: 2px;
}

.wz__zamknij {
	position: absolute;
	top: .5rem;
	right: .5rem;
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	color: var(--c-muted, #6E6560);
	border: 0;
	border-radius: var(--radius-pill, 9999px);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.wz__zamknij[hidden] {
	display: none;
}

@media (max-width: 599px) {
	/* Telefon (S7): niższe okno i przyciski w jednej linii („Akceptuję wszystkie” obok „Odrzucam”, równej wielkości). */
	.wz {
		padding: 0 max(8px, env(safe-area-inset-right, 0px)) max(8px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
	}

	.wz__okno {
		max-height: calc(100vh - 16px);
		max-height: calc(100dvh - 16px);
		padding: .75rem .875rem;
		font-size: .8125rem;
		line-height: 1.45;
	}

	.wz__tytul {
		margin-bottom: .125rem;
		font-size: 1rem;
	}

	.wz__opis {
		margin-bottom: .625rem;
	}

	.wz__kategorie {
		gap: .375rem;
		margin-bottom: .625rem;
	}

	.wz__legenda {
		margin-bottom: .125rem;
	}

	.wz__kategoria {
		gap: .5rem;
		padding: .4375rem .625rem;
		line-height: 1.4;
	}

	.wz__kategoria input {
		margin-top: .1rem;
	}

	.wz__przyciski {
		gap: .375rem;
	}

	.wz__przycisk {
		flex: 1 1 calc(50% - .1875rem);
		padding: .375rem .5rem;
		font-size: .875rem;
		white-space: nowrap;
	}

	.wz__przycisk[data-wz="ustawienia"],
	.wz__przycisk[data-wz="zapisz"] {
		flex-basis: 100%;
	}
}