/**
 * AZOIA — CookieConsent v3 theme bridge for elengine
 *
 * Theme-agnostic: pulls brand color from --main-btn / --main-link defined
 * by the per-site override (zoja.css, ifn.css, …). Hover states are derived
 * via color-mix() so they match the brand on every portal — coral on Zoja,
 * forest green on IFN, whatever on the next AZOIA site — without per-site
 * patching here. Falls back to coral if no override is loaded.
 *
 * Bridges sngine's dark mode (body.night-mode) onto cookieconsent's
 * .cc--darkmode equivalent without any JS hook. Load AFTER the stock
 * cookieconsent.css so cascade wins.
 */

/* Light mode — brand-driven via var(--main-btn); hover = 12% darker */
#cc-main {
	--cc-font-family: var(--body-font-family, "Roboto", sans-serif);
	--cc-bg: #ffffff;
	--cc-primary-color: #212529;
	--cc-secondary-color: #5e6266;

	--cc-btn-primary-bg: var(--main-btn, #fc655f);
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
	--cc-btn-primary-hover-bg: color-mix(in srgb, var(--main-btn, #fc655f) 88%, black);
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);

	--cc-btn-secondary-bg: #f0f2f5;
	--cc-btn-secondary-color: #212529;
	--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
	--cc-btn-secondary-hover-bg: #e2e6eb;
	--cc-btn-secondary-hover-color: #000000;
	--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);

	--cc-link-color: var(--main-link, #fc655f);

	--cc-toggle-on-bg: var(--cc-btn-primary-bg);
	--cc-toggle-off-bg: #b8bfc7;
	--cc-toggle-readonly-bg: #d5dee2;

	--cc-cookie-category-block-bg: #f5f6f8;
	--cc-cookie-category-block-border: #f5f6f8;
	--cc-cookie-category-block-hover-bg: #ebeef2;
	--cc-cookie-category-block-hover-border: #ebeef2;

	--cc-separator-border-color: #eef0f3;
	--cc-footer-bg: #f7f8fa;
	--cc-footer-color: var(--cc-secondary-color);
	--cc-footer-border-color: #e4eaed;
}

/* Dark mode — brand-driven via var(--main-btn); hover = 18% lighter */
body.night-mode #cc-main {
	color-scheme: dark;
	--cc-bg: #1a1a1a;
	--cc-primary-color: var(--body-color-dark, #dcdcdc);
	--cc-secondary-color: #a0a8b0;

	--cc-btn-primary-bg: var(--main-btn, #fc655f);
	--cc-btn-primary-color: #1a1a1a;
	--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
	--cc-btn-primary-hover-bg: color-mix(in srgb, var(--main-btn, #fc655f) 82%, white);
	--cc-btn-primary-hover-color: #000000;
	--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);

	--cc-btn-secondary-bg: #2a2a2a;
	--cc-btn-secondary-color: var(--body-color-dark, #dcdcdc);
	--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
	--cc-btn-secondary-hover-bg: #383838;
	--cc-btn-secondary-hover-color: #ffffff;
	--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);

	--cc-link-color: var(--main-link, #fc655f);

	--cc-toggle-on-bg: var(--cc-btn-primary-bg);
	--cc-toggle-off-bg: #525f6b;
	--cc-toggle-readonly-bg: #343e45;

	--cc-cookie-category-block-bg: #232323;
	--cc-cookie-category-block-border: #232323;
	--cc-cookie-category-block-hover-bg: #2c2c2c;
	--cc-cookie-category-block-hover-border: #2c2c2c;

	--cc-separator-border-color: #2a2a2a;
	--cc-footer-bg: #141414;
	--cc-footer-color: var(--cc-secondary-color);
	--cc-footer-border-color: #0a0a0a;

	--cc-overlay-bg: rgba(0, 0, 0, 0.75);
}

/* "Záznam o vašom súhlase" — consent record block inside preferences modal */
#cc-main .cc-consent-record {
	font-size: .9em;
	line-height: 1.6;
}
#cc-main .cc-consent-record code {
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
	font-size: .85em;
	padding: 1px 4px;
	background: var(--cc-cookie-category-block-bg);
	border-radius: 3px;
}

/* Subtle: shadow tweaks so the modal lifts properly off elengine page bg */
#cc-main .cm,
#cc-main .pm {
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .12);
}
body.night-mode #cc-main .cm,
body.night-mode #cc-main .pm {
	box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .55);
}