/* Complianz cookie banner — EUTA brand overrides
 * Uses #cmplz-cookiebanner-container (id selector) to beat Complianz's
 * wizard-generated CSS that loads after the theme.
 */

#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-manage-options {
	background-color: transparent;
	color: var(--black, #262626);
	border: 1px solid var(--black, #262626);
	border-radius: 999px;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 20px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences:focus-visible,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences:focus-visible,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-manage-options:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-manage-options:focus-visible {
	background-color: var(--black, #262626);
	color: #fff;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:focus-visible {
	filter: brightness(0.92);
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny:focus-visible {
	background-color: var(--black, #262626);
	color: #fff;
}

#cmplz-cookiebanner-container .cmplz-category {
	border-radius: 15px;
	padding: 14px 16px;
	margin-bottom: 8px;
	background-color: var(--neutral-10, #f5f5f5);
}

#cmplz-cookiebanner-container .cmplz-category[open] {
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

#cmplz-cookiebanner-container .cmplz-category summary {
	list-style: none;
	cursor: pointer;
	outline: none;
}

#cmplz-cookiebanner-container .cmplz-category summary::-webkit-details-marker {
	display: none;
}

#cmplz-cookiebanner-container .cmplz-category-header .cmplz-category-title {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	color: var(--black, #262626);
}

#cmplz-cookiebanner-container .cmplz-close {
	border-radius: 8px;
	transition: background-color 0.15s ease;
}

#cmplz-cookiebanner-container .cmplz-close:hover,
#cmplz-cookiebanner-container .cmplz-close:focus-visible {
	background-color: var(--neutral-10, #f5f5f5);
	outline: none;
}

#cmplz-cookiebanner-container .cmplz-slider .cmplz-slider-pill {
	background-color: var(--neutral-20, #d9d9d9);
}

#cmplz-cookiebanner-container input[type="checkbox"]:checked + .cmplz-slider .cmplz-slider-pill,
#cmplz-cookiebanner-container .cmplz-category[data-category-state="granted"] .cmplz-slider .cmplz-slider-pill {
	background-color: var(--coral, #EF724F);
}

#cmplz-cookiebanner-container .cmplz-links a,
#cmplz-cookiebanner-container .cmplz-message a {
	color: var(--black, #262626);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.15s ease;
}

#cmplz-cookiebanner-container .cmplz-links a:hover,
#cmplz-cookiebanner-container .cmplz-message a:hover {
	color: var(--coral, #EF724F);
}

@media (max-width: 600px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		max-width: calc(100vw - 20px);
		padding: 15px 16px;
	}

	#cmplz-cookiebanner-container .cmplz-buttons {
		flex-direction: column;
		gap: 8px;
	}

	#cmplz-cookiebanner-container .cmplz-btn {
		width: 100%;
		justify-content: center;
	}
}

/* Bottom-right floating "Manage consent" tab — align with EUTA pill buttons */
#cmplz-manage-consent .cmplz-manage-consent {
	border-radius: 999px 999px 0 0;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 13px;
	padding: 8px 16px;
}