/*
 * Consent notice on the storefront.
 *
 * Primary action is brand ink (#080B0F), never client `--wds-brand` / red. Reject stays the same
 * size as Accept (GDPR: refusing must be as easy as agreeing).
 *
 * `[hidden]` must win over `display: flex` — without the rule below, Accept writes the cookie but
 * the banner stays on screen, which looks like the buttons do nothing.
 */
.wds-consent[hidden] { display: none !important; }

.wds-consent {
	position: fixed;
	z-index: 9999;
	display: flex;
	gap: 16px 20px;
	align-items: flex-end;
	flex-wrap: wrap;
	left: 16px;
	right: 16px;
	bottom: 16px;
	max-width: 920px;
	margin: 0 auto;
	padding: 18px 20px;
	background: #ffffff;
	border: 1px solid #E3E6EA;
	border-left: 3px solid #0683E8;
	border-radius: 10px;
	box-shadow: 0 18px 48px rgb(8 11 15 / 14%);
	color: #4E555D;
	font-family: Onest, "Segoe UI", system-ui, -apple-system, sans-serif;
	font-size: 13.5px;
	line-height: 1.55;
	box-sizing: border-box;
}
.wds-consent *,
.wds-consent *::before,
.wds-consent *::after { box-sizing: border-box; }
.wds-consent--bottom {
	left: 16px;
	right: 16px;
	bottom: 16px;
	width: auto;
	transform: none;
}
.wds-consent--corner {
	left: auto;
	right: 16px;
	bottom: 16px;
	max-width: 400px;
	width: min(400px, calc(100vw - 32px));
	align-items: stretch;
	flex-direction: column;
}
.wds-consent__text { flex: 1 1 240px; min-width: 0; }
.wds-consent__text b {
	display: block;
	margin: 0 0 6px;
	color: #080B0F;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1.3;
}
.wds-consent__text p { margin: 0; max-width: 62ch; color: #4E555D; }
.wds-consent__text a {
	display: inline-block;
	margin-top: 8px;
	color: #0667CD;
	font-weight: 600;
	text-decoration: none;
}
.wds-consent__text a:hover { color: #024BB4; text-decoration: underline; }
.wds-consent__actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	flex: none;
	align-items: center;
}
.wds-consent__actions button {
	min-height: 38px;
	padding: 0 16px;
	border-radius: 8px;
	border: 1px solid #CBD0D5;
	background: #fff;
	color: #151A1F;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: none;
}
.wds-consent__actions button:hover {
	border-color: #0683E8;
	color: #024BB4;
}
.wds-consent__actions button:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 2px #0683E8;
}
.wds-consent__actions button.is-primary {
	background: #080B0F;
	border-color: #080B0F;
	color: #ffffff;
}
.wds-consent__actions button.is-primary:hover {
	background: #151A1F;
	border-color: #151A1F;
	color: #ffffff;
	box-shadow: 0 0 0 2px #0683E8;
}

.wds-consent-reopen[hidden] { display: none !important; }
.wds-consent-reopen {
	position: fixed;
	z-index: 9998;
	left: 16px;
	bottom: 16px;
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 999px;
	border: 1px solid #CBD0D5;
	background: #fff;
	color: #151A1F;
	font-family: Onest, "Segoe UI", system-ui, -apple-system, sans-serif;
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 8px 24px rgb(8 11 15 / 12%);
}
.wds-consent-reopen span { font-size: 20px; line-height: 1; }
.wds-consent-reopen:hover {
	border-color: #0683E8;
	color: #024BB4;
}

@media (max-width: 560px) {
	.wds-consent,
	.wds-consent--bottom,
	.wds-consent--corner {
	left: 10px;
	right: 10px;
	bottom: 10px;
	width: auto;
	max-width: none;
	padding: 16px;
	align-items: stretch;
	}
	.wds-consent__actions { width: 100%; }
	.wds-consent__actions button { flex: 1 1 auto; }
	.wds-consent-reopen { left: 10px; bottom: 10px; }
}