/**
 * CookieYes (cookie-law-info) banner overrides.
 *
 * 1. Consent buttons render as flex containers (`display: flex`), so the
 *    plugin's own `text-align: center` is ignored and the label sticks to the
 *    left. Flex alignment must be set explicitly.
 * 2. Button colours are driven by a single `--primary-color` variable so the
 *    banner matches the site brand. It defaults to Flatsome's primary colour;
 *    change the value below (or set --primary-color higher up) to re-theme.
 *
 * NOTE: CookieYes prints the accept button's colour as an inline `style`
 * attribute, so these colour rules need `!important` to win over it.
 */

:root {
	/* Brand primary — inherits Flatsome's primary, falls back to the CookieYes blue. */
	--primary-color: var(--fs-color-primary, #1863dc);
}

/* Centre the label (fixes the flex/text-align issue). */
.cky-btn {
	justify-content: center;
	align-items: center;
}

/* Filled primary button — "Accept All". */
.cky-btn-accept {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

/* Outline buttons — "Reject All" / "Customize" share the primary colour. */
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

/* Revisit / floating consent badge. */
.cky-btn-revisit-wrapper {
	background-color: var(--primary-color) !important;
}