/* Cookie banner in the site's colours. Uses the theme's palette variables, so it follows light and dark mode; the fallbacks apply without the theme. */
#cc-main {
	--cc-font-family: inherit;
	--cc-modal-border-radius: 10px;
	--cc-btn-border-radius: 6px;
	--cc-bg: var(--wp--preset--color--background, #F7F8F0);
	--cc-primary-color: var(--wp--preset--color--primary, #355872);
	--cc-secondary-color: color-mix(in srgb, var(--wp--preset--color--primary, #355872) 80%, transparent);
	--cc-link-color: var(--wp--preset--color--accent, #964A2C);
	--cc-separator-border-color: var(--wp--preset--color--secondary, #7AAACE);
	--cc-overlay-bg: rgb(0 0 0 / 0.55);

	--cc-btn-primary-bg: var(--wp--preset--color--accent, #964A2C);
	--cc-btn-primary-border-color: var(--wp--preset--color--accent, #964A2C);
	--cc-btn-primary-color: var(--wp--preset--color--background, #F7F8F0);
	--cc-btn-primary-hover-bg: color-mix(in srgb, var(--wp--preset--color--accent, #964A2C) 82%, black 18%);
	--cc-btn-primary-hover-border-color: color-mix(in srgb, var(--wp--preset--color--accent, #964A2C) 82%, black 18%);
	--cc-btn-primary-hover-color: var(--wp--preset--color--background, #F7F8F0);

	--cc-btn-secondary-bg: var(--mariadb-card-bg, #EEF3F2);
	--cc-btn-secondary-border-color: var(--wp--preset--color--secondary, #7AAACE);
	--cc-btn-secondary-color: var(--wp--preset--color--primary, #355872);
	--cc-btn-secondary-hover-bg: var(--mariadb-card-bg, #EEF3F2);
	--cc-btn-secondary-hover-border-color: var(--wp--preset--color--accent, #964A2C);
	--cc-btn-secondary-hover-color: var(--wp--preset--color--accent, #964A2C);

	--cc-cookie-category-block-bg: var(--mariadb-card-bg, #EEF3F2);
	--cc-cookie-category-block-border: var(--wp--preset--color--secondary, #7AAACE);
	--cc-cookie-category-block-hover-bg: color-mix(in srgb, var(--wp--preset--color--tertiary, #9CD5FF) 25%, var(--wp--preset--color--background, #F7F8F0));
	--cc-cookie-category-block-hover-border: var(--wp--preset--color--secondary, #7AAACE);
	--cc-cookie-category-expanded-block-bg: transparent;
	--cc-cookie-category-expanded-block-hover-bg: var(--mariadb-card-bg, #EEF3F2);
	--cc-section-category-border: var(--wp--preset--color--secondary, #7AAACE);

	--cc-toggle-on-bg: var(--wp--preset--color--accent, #964A2C);
	--cc-toggle-on-knob-bg: var(--wp--preset--color--background, #F7F8F0);
	--cc-toggle-off-bg: color-mix(in srgb, var(--wp--preset--color--primary, #355872) 45%, transparent);
	--cc-toggle-off-knob-bg: var(--wp--preset--color--background, #F7F8F0);
	--cc-toggle-readonly-bg: color-mix(in srgb, var(--wp--preset--color--secondary, #7AAACE) 60%, transparent);
	--cc-toggle-readonly-knob-bg: var(--wp--preset--color--background, #F7F8F0);
	--cc-toggle-readonly-knob-icon-color: var(--wp--preset--color--secondary, #7AAACE);
	--cc-toggle-enabled-icon-color: var(--wp--preset--color--accent, #964A2C);
	--cc-toggle-disabled-icon-color: var(--wp--preset--color--primary, #355872);

	--cc-footer-bg: var(--mariadb-card-bg, #EEF3F2);
	--cc-footer-color: var(--wp--preset--color--primary, #355872);
	--cc-footer-border-color: var(--wp--preset--color--secondary, #7AAACE);
}

#cc-main .cm,
#cc-main .pm {
	border: 1px solid var(--wp--preset--color--secondary, #7AAACE);
	box-shadow: 0 10px 28px rgb(0 0 0 / 0.28);
}

/* Placeholder shown instead of an embed until "External content" is allowed. */
.mariadb-consent-embed {
	margin-block: 1.5rem;
}

.mariadb-consent-placeholder {
	padding: 1.25rem 1.5rem;
	border: 1px dashed var(--wp--preset--color--secondary, #7AAACE);
	border-radius: 8px;
	background: var(--mariadb-card-bg, #EEF3F2);
	text-align: center;
}

.mariadb-consent-placeholder p {
	margin: 0 0 0.75rem;
}

.mariadb-consent-allow {
	padding: 0.5rem 1rem;
	border: 1px solid var(--wp--preset--color--accent, #964A2C);
	border-radius: 6px;
	background: var(--wp--preset--color--accent, #964A2C);
	color: var(--wp--preset--color--background, #F7F8F0);
	font: inherit;
	cursor: pointer;
}

.mariadb-consent-allow:hover {
	background: color-mix(in srgb, var(--wp--preset--color--accent, #964A2C) 82%, black 18%);
}