/* Cookie notice: a small card in the bottom-left corner. Uses the theme's colours when it has them. */
.ninedot-consent {
	--nc-bg: var(--wp--preset--color--ink, #1e1e2c);
	--nc-fg: var(--wp--preset--color--white, #fff);
	--nc-accent: var(--wp--preset--color--green, #01ff94);
	position: fixed;
	z-index: 9990;
	left: 16px;
	bottom: 16px;
	box-sizing: border-box;
	width: calc(100% - 32px);
	max-width: 420px;
	padding: 20px 22px;
	border-radius: 16px;
	background: var(--nc-bg);
	color: var(--nc-fg);
	box-shadow: 0 12px 40px rgba(0, 0, 0, .25);
	font-size: 15px;
	line-height: 1.5;
}
.ninedot-consent[hidden] { display: none; }
.ninedot-consent__text { margin: 0 0 16px; }
.ninedot-consent a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ninedot-consent__actions { display: flex; gap: 10px; }
.ninedot-consent__btn {
	flex: 1;
	min-height: 44px;
	padding: 10px 18px;
	border: 1.5px solid var(--nc-fg);
	border-radius: 999px;
	background: transparent;
	color: var(--nc-fg);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.ninedot-consent__btn:hover { background: var(--nc-fg); color: var(--nc-bg); }
.ninedot-consent__btn--ok { border-color: var(--nc-accent); background: var(--nc-accent); color: var(--nc-bg); }
.ninedot-consent__btn--ok:hover { border-color: var(--nc-fg); background: var(--nc-fg); }
.ninedot-consent a:focus-visible,
.ninedot-consent__btn:focus-visible { outline: 2px solid var(--nc-fg); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
	.ninedot-consent__btn { transition: none; }
}