/* Pasica za piškotke (<dialog>, cookies.js) - zgradba kot pri maratonu, barve Livarstva */
@layer widgets {
	.cookies {
		margin: auto;
		inline-size: calc(100% - 2 * var(--gutter));
		max-inline-size: 44rem;
		max-block-size: calc(100% - 2 * var(--gutter));
		overflow: auto;
		padding: clamp(1.25rem, .87rem + 1.62vw, 2.5rem);
		border: 1px solid var(--c-line);
		background: var(--c-bg);
		color: var(--c-text);
		font-size: var(--fs-small);
		line-height: 1.6;
		accent-color: var(--c-accent);
	}
	.cookies::backdrop { background: rgb(0 0 0 / .6); }

	.cookies__title {
		font-size: var(--fs-h3);
		line-height: var(--lh-h3);
	}

	.cookies a {
		color: var(--c-accent);
		text-decoration: underline;
	}
	.cookies a:hover { color: var(--c-text); }

	/* nastavitve so skrite, dokler ni kliknjen gumb »Nastavitve piškotkov« */
	.cookies__options {
		max-block-size: 0;
		overflow: hidden;
		transition: max-block-size .8s var(--ease);
	}
	.cookies--active .cookies__options { max-block-size: 50em; }
	.cookies__options > * + * { margin-block-start: .5em; }

	.cookies__question { font-weight: var(--fw-regular); }
	.cookies__question small { color: var(--c-muted); font-size: inherit; }

	.cookies__option {
		display: flex;
		align-items: flex-start;
		gap: .75em;
	}
	.cookies__option input {
		flex: none;
		inline-size: 1.125em;
		block-size: 1.125em;
		margin-block-start: .25em;
	}
	.cookies__option b {
		display: block;
		color: var(--c-accent);
	}

	.cookies__buttons {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		gap: var(--s-s);
		margin-block-start: var(--s-l);
	}
	.cookies__buttonsActions {
		display: flex;
		flex-wrap: wrap;
		gap: var(--s-xs);
	}

	.cookies .btn {
		min-block-size: 3.25rem;
		min-inline-size: 0;
		font-size: var(--fs-small);
	}
	.cookies .btn--ghost {
		background: none;
		color: var(--c-text);
		box-shadow: inset 0 0 0 1px var(--c-line-soft);
	}
	.cookies .btn--ghost:hover { box-shadow: inset 0 0 0 1px var(--c-text); }
	.cookies .btn--text {
		min-block-size: 0;
		padding-inline: 0;
		background: none;
		color: var(--c-muted);
		text-decoration: underline;
		text-underline-offset: .3em;
	}
	.cookies .btn--text:hover { color: var(--c-text); }

	#cookiesSave,
	.cookies--active #cookiesConfirm { display: none; }
	.cookies--active #cookiesSave { display: inline-flex; }

	/* nastavitve na strani Piškotki (%%SETTINGS%%) */
	.cookiesSettings { margin-block-end: 2em; }
	.cookiesSettings .cookies__options {
		max-block-size: none;
		overflow: visible;
	}
}