/**
 * 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 `--cky-accent` variable so the
 *    banner matches the site brand. It resolves to Flatsome's primary
 *    colour, then the CookieYes blue. A custom
 *    `--primary-color` is NOT used because Flatsome owns that variable and
 *    re-declares it inline after this sheet.
 *
 * NOTE: CookieYes prints the accept button's colour as an inline `style`
 * attribute, so these colour rules need `!important` to win over it.
 */

:root {
	/* Banner accent — Flatsome primary (client preference), CookieYes blue fallback. */
	--cky-accent: 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(--cky-accent) !important;
	border-color: var(--cky-accent) !important;
}

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

/* Revisit / floating consent badge.
   The structural rules normally come from the plugin's inline <style> block;
   they are repeated here so the badge survives pages cached without it. */
.cky-btn-revisit-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	position: fixed;
	z-index: 999999;
	cursor: pointer;
	background-color: var(--cky-accent) !important;
}