/* Active Shop — Complianz cookie banner restyle.
 * Phones: a compact sheet docked to the bottom. Desktop: a small card bottom-left.
 * The page stays usable while the banner is open. */

:root {
	--acs-c-accent: #6a005d;
}

/* On body, so these win over Complianz's own :root values (its CSS loads later). */
body.acs-consent {
	--cmplz_banner_width: 420px;
	--cmplz_banner_background_color: #ffffff;
	--cmplz_banner_border_color: transparent;
	--cmplz_banner_border_radius: 18px;
	--cmplz_text_color: #221a20;
	--cmplz_hyperlink_color: var(--acs-c-accent);
	--cmplz_text_font_size: 14px;
	--cmplz_link_font_size: 13px;
	--cmplz_button_accept_background_color: var(--acs-c-accent);
	--cmplz_button_accept_border_color: var(--acs-c-accent);
	--cmplz_button_accept_text_color: #ffffff;
	--cmplz_button_deny_background_color: #ffffff;
	--cmplz_button_deny_border_color: #d9ccd5;
	--cmplz_button_deny_text_color: #221a20;
	--cmplz_button_settings_background_color: #ffffff;
	--cmplz_button_settings_border_color: #d9ccd5;
	--cmplz_button_settings_text_color: #221a20;
	--cmplz_button_border_radius: 999px;
	--cmplz_button_font_size: 14px;
	--cmplz_slider_active_color: var(--acs-c-accent);
	--cmplz_slider_inactive_color: #c9bcc5;
}

/* Don't freeze the page while the banner is open. */
body.acs-consent.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) {
	pointer-events: auto !important;
	user-select: auto !important;
}

body.acs-consent .cmplz-cookiebanner {
	left: 16px !important;
	right: auto !important;
	bottom: 16px !important;
	top: auto !important;
	width: var(--cmplz_banner_width) !important;
	min-width: 0 !important;
	max-width: calc(100vw - 32px) !important;
	padding: 18px 18px 14px !important;
	grid-gap: 10px !important;
	border: 1px solid #ece3ea !important;
	box-shadow: 0 18px 48px rgba(30, 10, 25, .2) !important;
	font-family: inherit;
	transform: none !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-header {
	grid-template-columns: 1fr auto !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-logo {
	display: none;
}

body.acs-consent .cmplz-cookiebanner .cmplz-title {
	display: block !important;
	grid-column-start: 1 !important;
	justify-self: start !important;
	font-size: 16px !important;
	font-weight: 700 !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-title:empty::before {
	content: "Бисквитки";
}

body.acs-consent .cmplz-cookiebanner .cmplz-close {
	grid-column-start: 2 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px !important;
	height: 36px !important;
	margin: -8px -8px 0 0;
	border-radius: 50%;
	color: #6b6168 !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-close:hover {
	background: #f3e7f1;
}

body.acs-consent .cmplz-cookiebanner .cmplz-close svg {
	width: 14px !important;
	height: 14px !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-divider {
	display: none;
}

body.acs-consent .cmplz-cookiebanner .cmplz-message {
	width: auto !important;
	margin: 0 !important;
	line-height: 1.5 !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-message a {
	font-weight: 700;
	text-decoration: underline;
}

body.acs-consent .cmplz-cookiebanner .cmplz-categories {
	width: auto !important;
	margin-top: 8px;
}

body.acs-consent .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	border-radius: 12px;
	background: #faf6f9 !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-buttons {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 8px !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	min-height: 46px !important;
	padding: 8px 12px !important;
	font-family: inherit;
	font-weight: 700 !important;
	white-space: normal !important;
	line-height: 1.2 !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
	grid-column: 1 / -1;
	order: -1;
	min-height: 50px !important;
	font-size: 15px !important;
}

body.acs-consent .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
	filter: brightness(.97);
}

body.acs-consent .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	filter: brightness(1.15);
}

body.acs-consent .cmplz-cookiebanner .cmplz-documents {
	display: none !important;
}

/* The floating "Управление на съгласието" tab: the footer link does that job. */
body.acs-consent.acs-layout #cmplz-manage-consent .cmplz-manage-consent {
	display: none !important;
}

@media (max-width: 600px) {
	body.acs-consent .cmplz-cookiebanner {
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		max-height: 70vh !important;
		padding: 14px 16px calc(12px + env(safe-area-inset-bottom)) !important;
		border-radius: 18px 18px 0 0 !important;
		border-width: 1px 0 0 !important;
		box-shadow: 0 -10px 32px rgba(30, 10, 25, .18) !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-header .cmplz-title {
		display: block !important;
		font-size: 15px !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-message {
		font-size: 13px !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-body {
		max-height: 40vh !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-buttons {
		flex-direction: unset !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		min-height: 42px !important;
		font-size: 13px !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
		min-height: 46px !important;
	}

	body.acs-consent .cmplz-cookiebanner .cmplz-category .cmplz-category-header {
		grid-template-columns: 1fr auto 15px !important;
	}
}