/* Pūkuoti slapukai – banner (card in the bottom-left corner) + cookie table */

.pks, .pks-fab, .pks-table {
	--pks-accent: #B0185A;
	--pks-ink: #2B2230;
	--pks-text: #4A4050;
	--pks-muted: #7A6B75;
	--pks-line: #F1E6EC;
	--pks-tint: #FCEAF2;
	--pks-off: #E6D6DF;
	--pks-ok: #2E7D4F;
}

.pks[hidden], .pks-fab[hidden], .pks [hidden] { display: none !important; }

.pks {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 999999;
	box-sizing: border-box;
	width: 400px;
	max-width: calc(100vw - 24px);
	max-height: calc(100vh - 40px);
	max-height: calc(100dvh - 40px);
	overflow: auto;
	overscroll-behavior: contain;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--pks-line);
	border-radius: 20px;
	box-shadow: 0 18px 50px rgba(43, 34, 48, .18);
	color: var(--pks-ink);
	font-size: 14.5px;
	line-height: 1.5;
	text-align: left;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .2s ease, transform .2s ease;
}
.pks.is-in { opacity: 1; transform: none; }
.pks *, .pks *::before, .pks *::after { box-sizing: border-box; }

.pks .pks-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	padding: 0;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--pks-ink);
}
.pks .pks-title svg { flex: none; color: var(--pks-accent); }
.pks .pks-text { margin: 0; padding: 0; color: var(--pks-text); font-size: 14.5px; }
.pks .pks-text a { color: var(--pks-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

/* switches */
.pks .pks-set { margin-top: 14px; padding-top: 4px; border-top: 1px solid var(--pks-line); }
.pks .pks-tg { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--pks-line); }
.pks .pks-tg:last-child { border-bottom: 0; }
.pks .pks-tg label { flex: 1; margin: 0; padding: 0; cursor: pointer; font-weight: 400; }
.pks .pks-tg b { display: block; font-size: 15px; font-weight: 800; color: var(--pks-ink); }
.pks .pks-tg small { display: block; margin-top: 1px; color: var(--pks-muted); font-size: 13px; line-height: 1.4; }
.pks input.pks-sw {
	-webkit-appearance: none;
	appearance: none;
	flex: none;
	position: relative;
	width: 44px;
	height: 26px;
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	border-radius: 99px;
	background: var(--pks-off);
	cursor: pointer;
	outline-offset: 3px;
	transition: background .15s;
	box-shadow: none;
}
.pks input.pks-sw::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	transition: left .15s;
}
.pks input.pks-sw::after { content: none; display: none; }
.pks input.pks-sw:checked { background: var(--pks-accent); }
.pks input.pks-sw:checked::before { left: 21px; }
.pks input.pks-sw:disabled { background: var(--pks-ok); opacity: .6; cursor: default; }
.pks input.pks-sw:focus-visible { outline: 2px solid var(--pks-accent); }

/* buttons */
.pks .pks-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.pks .pks-btn {
	flex: 1 1 0;
	min-width: 120px;
	height: 46px;
	margin: 0;
	padding: 0 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 12px;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.1;
	text-transform: none;
	letter-spacing: 0;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
	transition: background .15s, color .15s, box-shadow .15s;
}
.pks .pks-btn:focus-visible { outline: 2px solid var(--pks-accent); outline-offset: 2px; }
.pks .pks-acc, .pks .pks-acc:hover, .pks .pks-acc:focus { background: var(--pks-accent); color: #fff; }
.pks .pks-acc:hover { box-shadow: inset 0 0 0 99px rgba(0, 0, 0, .12); }
.pks .pks-rej, .pks .pks-rej:hover, .pks .pks-rej:focus { background: var(--pks-tint); color: var(--pks-accent); }
.pks .pks-rej:hover { box-shadow: inset 0 0 0 99px rgba(176, 24, 90, .06); }
.pks .pks-more, .pks .pks-more:hover, .pks .pks-more:focus {
	flex: 1 0 100%;
	justify-content: flex-start;
	min-width: 0;
	height: 36px;
	margin-top: 2px;
	padding: 0 2px;
	background: none;
	color: var(--pks-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.pks .pks-more:hover { color: var(--pks-accent); }
.pks .pks-save { display: none; }
.pks.is-set .pks-save, .pks.is-set .pks-save:hover, .pks.is-set .pks-save:focus {
	display: inline-flex;
	flex: 1 1 100%;
	background: #fff;
	color: var(--pks-accent);
	box-shadow: inset 0 0 0 2px var(--pks-accent);
}
.pks.is-set .pks-save:hover { background: var(--pks-tint); }
.pks.is-set .pks-more { display: none; }

/* phones: along the bottom edge */
@media (max-width: 600px) {
	.pks {
		left: 8px;
		right: 8px;
		bottom: calc(8px + env(safe-area-inset-bottom, 0px));
		width: auto;
		max-width: none;
		max-height: calc(100vh - 16px);
		max-height: calc(100dvh - 16px);
		padding: 16px;
		border-radius: 18px;
	}
	.pks .pks-btn { min-width: 110px; }
}

@media (prefers-reduced-motion: reduce) {
	.pks { transition: none; transform: none; }
	.pks input.pks-sw, .pks input.pks-sw::before { transition: none; }
}

/* small round button (optional, Settings → "Mažas mygtukas kampe") */
.pks-fab {
	position: fixed;
	left: 16px;
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	z-index: 99998;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--pks-line);
	border-radius: 50%;
	background: #fff;
	color: var(--pks-accent);
	box-shadow: 0 6px 18px rgba(43, 34, 48, .16);
	cursor: pointer;
}
.pks-fab:hover, .pks-fab:focus { background: var(--pks-tint); color: var(--pks-accent); }

/* "Slapukų nustatymai" link-button */
button.pks-open, button.pks-open:hover, button.pks-open:focus {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}
button.pks-open.pks-open-btn, button.pks-open.pks-open-btn:hover, button.pks-open.pks-open-btn:focus {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 12px;
	background: #FCEAF2;
	color: #B0185A;
	font-weight: 700;
	text-decoration: none;
}

/* [pukuoti_slapukai_lentele] */
.pks-table { margin: 1.5em 0; }
.pks-table .pks-table-h { margin: 1.6em 0 .3em; }
.pks-table .pks-table-intro { margin: 0 0 .8em; color: var(--pks-text); }
.pks-table .pks-table-none { margin: 0 0 1em; color: var(--pks-muted); font-style: italic; }
.pks-table table {
	width: 100%;
	margin: 0 0 1em;
	border: 1px solid var(--pks-line);
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	font-size: 14.5px;
	line-height: 1.45;
	background: #fff;
}
.pks-table th, .pks-table td { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--pks-line); text-align: left; vertical-align: top; background: #fff; }
.pks-table thead th { background: #FAF5F8; font-weight: 800; color: var(--pks-ink); font-size: 13px; }
.pks-table tbody tr:last-child td { border-bottom: 0; }
.pks-table code { padding: 1px 6px; border-radius: 6px; background: var(--pks-tint); color: var(--pks-ink); font-size: 13px; word-break: break-all; }
.pks-table small { color: var(--pks-muted); }
.pks-table td:nth-child(1) { width: 26%; }
.pks-table td:nth-child(2) { width: 18%; }
.pks-table td:nth-child(4) { width: 16%; white-space: nowrap; }
@media (max-width: 640px) {
	.pks-table table thead { display: none; }
	.pks-table table, .pks-table table tbody, .pks-table table tr, .pks-table table td { display: block; width: auto !important; }
	.pks-table table tbody tr { padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--pks-line) !important; background: #fff !important; }
	.pks-table table tbody tr:last-child { border-bottom: 0 !important; }
	.pks-table table tbody td { padding: 2px 14px !important; border: 0 !important; background: transparent !important; white-space: normal !important; }
	.pks-table table tbody td:first-child { padding-bottom: 6px !important; }
	.pks-table table tbody td::before { content: attr(data-label) ": "; font-weight: 700; color: var(--pks-muted); font-size: 13px; }
	.pks-table table tbody td:first-child::before { content: none; }
	.pks-table table tbody td.is-empty { display: none; }
}
