/*
 * Baner cookies Complianz w barwach procentownika (makiety Cookies / CookiesUstawienia).
 * Układ i pozycję ustawia wtyczka (zalecana pozycja: „Na dole”, kategorie: „Wyświetl preferencje”).
 * Motyw podmienia tylko zmienne kolorów i typografię; zmienne na samym banerze wygrywają
 * z tym, co Complianz wpisuje do :root z panelu, więc kolory z panelu nie są potrzebne.
 */
.cmplz-cookiebanner,
#cmplz-manage-consent {
	--cmplz_banner_background_color: var(--color-surface);
	--cmplz_banner_border_color: var(--color-border);
	--cmplz_banner_border_width: var(--border-width);
	--cmplz_banner_border_radius: var(--radius-5xl);
	--cmplz_banner_margin: var(--space-12);
	--cmplz_title_font_size: var(--text-2xl);
	--cmplz_text_color: var(--color-text);
	--cmplz_hyperlink_color: var(--color-brand);
	--cmplz_text_font_size: var(--text-md);
	--cmplz_text_line_height: var(--leading-body);
	--cmplz_link_font_size: var(--text-md);
	--cmplz_category_body_font_size: var(--text-sm);
	--cmplz_button_accept_background_color: var(--color-brand);
	--cmplz_button_accept_border_color: var(--color-brand);
	--cmplz_button_accept_text_color: var(--color-on-dark);
	--cmplz_button_deny_background_color: var(--color-surface);
	--cmplz_button_deny_border_color: var(--color-brand);
	--cmplz_button_deny_text_color: var(--color-brand);
	--cmplz_button_settings_background_color: var(--color-surface);
	--cmplz_button_settings_border_color: var(--color-brand);
	--cmplz_button_settings_text_color: var(--color-brand);
	--cmplz_button_border_radius: var(--radius-lg);
	--cmplz_button_font_size: var(--text-base-sm);
	--cmplz_category_header_always_active_color: var(--color-brand);
	--cmplz_category_header_title_font_size: var(--text-base-sm);
	--cmplz_category_header_active_font_size: var(--text-xs);
	--cmplz_slider_active_color: var(--color-brand);
	--cmplz_slider_inactive_color: var(--color-tint-3);
	--cmplz_slider_bullet_color: var(--color-surface);
	font-family: var(--font-sans);
}

body .cmplz-cookiebanner {
	padding: var(--space-24) var(--space-28);
	box-shadow: var(--shadow-modal);
}

body .cmplz-cookiebanner .cmplz-title {
	font-weight: var(--weight-extrabold);
	line-height: var(--leading-snug);
}

body .cmplz-cookiebanner .cmplz-message a,
body .cmplz-cookiebanner .cmplz-links .cmplz-link {
	font-weight: var(--weight-bold);
}

body .cmplz-cookiebanner .cmplz-message a:hover,
body .cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
	color: var(--color-accent-text);
}

body .cmplz-cookiebanner .cmplz-buttons {
	align-self: center;
	align-items: center;
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	height: auto;
	min-height: var(--size-touch);
	padding: var(--space-12) var(--space-16);
	font-family: var(--font-sans);
	font-weight: var(--weight-extrabold);
	line-height: var(--leading-snug);
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
	border-width: var(--border-width-thick);
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	background-color: var(--color-brand-strong);
	border-color: var(--color-brand-strong);
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
	background-color: var(--color-tint);
}

/* Na szerokim ekranie przyciski w rzędzie: „Akceptuję wszystkie” z prawej, jak w makiecie. */
@media (min-width: 1024px) {
	body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
		order: 3;
	}

	body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
		order: 2;
	}
}

/* Kategorie (po kliknięciu „Ustawienia”): białe wiersze z linią jak w makiecie. */
body .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	border-radius: var(--radius-lg);
	background-color: var(--color-bg);
}

body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
	font-weight: var(--weight-extrabold);
}

body .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	font-weight: var(--weight-bold);
}

/* Zakładka „Zarządzaj zgodą” na dole ekranu (po wyborze). */
body #cmplz-manage-consent .cmplz-manage-consent {
	border-color: var(--color-border-strong);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: var(--weight-bold);
	color: var(--color-brand);
	box-shadow: var(--shadow-sticky);
}