/**
 * Consent "Manage consent" pill — position + restyle override.
 *
 * The pill itself is rendered by Complianz (.cmplz-manage-consent). Per the
 * no-paid-plugins / prefer-self-hosted policy we do NOT modify that plugin;
 * this is a CSS-only override enqueued sitewide from cool-bear-core.
 *
 * Goals:
 *   - small fixed pill, bottom-left, never overlapping page content
 *   - z-index below the storefront modals/drawers (which top out at 200)
 *   - dark/yellow-accent language consistent with the theme
 *
 * Complianz markup variants covered:
 *   button.cmplz-manage-consent              (button form)
 *   .cmplz-manage-consent .cmplz-btn         (wrapper + inner button form)
 */

.cmplz-manage-consent,
button.cmplz-manage-consent,
.cmplz-cookiebanner .cmplz-manage-consent {
	position: fixed !important;
	left: 16px !important;
	right: auto !important;
	bottom: 16px !important;
	top: auto !important;
	z-index: 150 !important; /* below storefront modals/drawers (199–200) */
	margin: 0 !important;
	width: auto !important;
	max-width: calc(100vw - 32px);
}

/* The visible button itself — compact dark pill with accent border. */
button.cmplz-manage-consent.manage-consent-1,
.cmplz-manage-consent .cmplz-btn.cmplz-manage-consent,
.cmplz-manage-consent button.cmplz-manage-consent {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	min-height: 36px;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--accent, #E8FF00);
	background: var(--wp--preset--color--surface, #18181C);
	color: var(--wp--preset--color--text, #F0F0F2);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 150ms ease, color 150ms ease;
}

button.cmplz-manage-consent.manage-consent-1:hover,
.cmplz-manage-consent button.cmplz-manage-consent:hover {
	background: var(--wp--preset--color--accent, #E8FF00);
	color: var(--wp--preset--color--text-on-accent, #0D0D0F);
}

/* Keep Complianz's own hide state authoritative. */
.cmplz-manage-consent.cmplz-hidden,
button.cmplz-manage-consent.cmplz-hidden {
	display: none !important;
}