/**
 * Complianz cookie banner – BBQ brand override.
 * Must win over plugin inline styles, hence the specificity.
 */

/* ============================================================
   Variables (Complianz reads these, but its inline sheet
   may still override them – we also set properties directly)
   ============================================================ */
:root {
	--cmplz_banner_background_color: rgba(15, 15, 15, 0.97);
	--cmplz_banner_border_color: rgba(195, 154, 87, 0.24);
	--cmplz_banner_border_radius: 2px;
	--cmplz_text_color: rgba(234, 234, 234, 0.88);
	--cmplz_hyperlink_color: #c39a57;
	--cmplz_title_color: #ffffff;
	--cmplz_button_border_radius: 2px;
	--cmplz_button_font_size: 0.85rem;
	--cmplz_title_font_size: 1rem;
	--cmplz_text_font_size: 0.88rem;
	--cmplz_button_accept_background_color: #c39a57;
	--cmplz_button_accept_text_color: #0f0f0f;
	--cmplz_button_deny_background_color: transparent;
	--cmplz_button_deny_text_color: #eaeaea;
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_text_color: #c39a57;
	--cmplz_slider_active_color: #c39a57;
	--cmplz_slider_inactive_color: rgba(255, 255, 255, 0.18);
}

/* ============================================================
   Banner container
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-cookiebanner {
	background: rgba(15, 15, 15, 0.97) !important;
	border: 1px solid rgba(195, 154, 87, 0.24) !important;
	border-top: 3px solid var(--bbq-gold, #c39a57) !important;
	border-radius: 2px !important;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
	max-width: 480px !important;
	padding: 1.6rem 1.5rem !important;
	color: rgba(234, 234, 234, 0.88) !important;
}

/* ============================================================
   Title
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-title {
	font-family: var(--bbq-font-heading) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	margin-bottom: 0.5rem !important;
}

/* ============================================================
   Body text
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-message {
	font-family: var(--bbq-font-body) !important;
	font-size: 0.88rem !important;
	line-height: 1.7 !important;
	color: rgba(234, 234, 234, 0.82) !important;
	margin-bottom: 1.25rem !important;
}

/* ============================================================
   Divider
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-divider {
	background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ============================================================
   Categories (preferences view)
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-category {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-left: 2px solid transparent !important;
	border-radius: 0 !important;
	transition: border-color 0.22s ease, background 0.22s ease;
}

#cmplz-cookiebanner-container .cmplz-category:hover,
#cmplz-cookiebanner-container details[open].cmplz-category {
	background: rgba(195, 154, 87, 0.06) !important;
	border-left-color: var(--bbq-gold, #c39a57) !important;
}

#cmplz-cookiebanner-container .cmplz-category-title,
#cmplz-cookiebanner-container .cmplz-category-header {
	font-family: var(--bbq-font-heading) !important;
	font-size: 0.82rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
}

#cmplz-cookiebanner-container .cmplz-description {
	font-family: var(--bbq-font-body) !important;
	font-size: 0.82rem !important;
	color: rgba(234, 234, 234, 0.6) !important;
	line-height: 1.6 !important;
}

#cmplz-cookiebanner-container .cmplz-always-active,
#cmplz-cookiebanner-container .cmplz-banner-checkbox .cmplz-label {
	font-family: var(--bbq-font-heading) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: rgba(195, 154, 87, 0.8) !important;
}

#cmplz-cookiebanner-container .cmplz-icon,
#cmplz-cookiebanner-container .cmplz-open {
	color: var(--bbq-gold, #c39a57) !important;
}

/* ============================================================
   Buttons — equal visual weight, no dark patterns
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-buttons {
	gap: 0.65rem !important;
	margin-top: 0.5rem !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-btn {
	font-family: var(--bbq-font-heading) !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	padding: 0.85rem 1.15rem !important;
	min-height: 46px !important;
	border-radius: 2px !important;
	cursor: pointer !important;
	transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.15s ease !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-btn:hover {
	transform: translateY(-1px);
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept {
	background: var(--bbq-gold, #c39a57) !important;
	color: #0f0f0f !important;
	border: 1px solid var(--bbq-gold, #c39a57) !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover {
	background: #d7ae69 !important;
	border-color: #d7ae69 !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny {
	background: transparent !important;
	color: #eaeaea !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	color: #ffffff !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences {
	background: transparent !important;
	color: var(--bbq-gold, #c39a57) !important;
	border: 1px solid rgba(195, 154, 87, 0.45) !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences:hover {
	background: var(--bbq-gold, #c39a57) !important;
	color: #0f0f0f !important;
	border-color: var(--bbq-gold, #c39a57) !important;
}

/* ============================================================
   Links / documents
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-links,
#cmplz-cookiebanner-container .cmplz-documents {
	margin-top: 1rem !important;
}

#cmplz-cookiebanner-container .cmplz-links a,
#cmplz-cookiebanner-container .cmplz-documents a,
#cmplz-cookiebanner-container .cmplz-message a {
	color: var(--bbq-gold, #c39a57) !important;
	font-size: 0.78rem !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(195, 154, 87, 0.4) !important;
	text-underline-offset: 3px !important;
}

#cmplz-cookiebanner-container .cmplz-links a:hover,
#cmplz-cookiebanner-container .cmplz-documents a:hover,
#cmplz-cookiebanner-container .cmplz-message a:hover {
	color: #ffffff !important;
	text-decoration-color: rgba(255, 255, 255, 0.5) !important;
}

/* ============================================================
   Close button
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-close {
	color: rgba(255, 255, 255, 0.5) !important;
}

#cmplz-cookiebanner-container .cmplz-close:hover {
	color: var(--bbq-gold, #c39a57) !important;
}

/* ============================================================
   Focus visible — accessibility
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-btn:focus-visible,
#cmplz-cookiebanner-container .cmplz-links a:focus-visible,
#cmplz-cookiebanner-container .cmplz-documents a:focus-visible,
#cmplz-cookiebanner-container .cmplz-close:focus-visible,
#cmplz-manage-consent .cmplz-manage-consent:focus-visible {
	outline: 2px solid var(--bbq-gold, #c39a57) !important;
	outline-offset: 2px !important;
}

/* ============================================================
   "Zarządzaj zgodą" sticky button
   ============================================================ */
#cmplz-manage-consent .cmplz-manage-consent {
	font-family: var(--bbq-font-heading) !important;
	font-size: 0.76rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	background: rgba(15, 15, 15, 0.96) !important;
	color: var(--bbq-gold, #c39a57) !important;
	border: 1px solid rgba(195, 154, 87, 0.35) !important;
	border-top: 2px solid var(--bbq-gold, #c39a57) !important;
	border-radius: 2px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

#cmplz-manage-consent .cmplz-manage-consent:hover {
	background: var(--bbq-gold, #c39a57) !important;
	color: #0f0f0f !important;
}

/* ============================================================
   Mobile — full-width, stacked buttons
   ============================================================ */
@media (max-width: 575px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-cookiebanner {
		border-radius: 0 !important;
		border-left: none !important;
		border-right: none !important;
		max-width: none !important;
		padding: 1.4rem 1.15rem !important;
	}

	#cmplz-cookiebanner-container .cmplz-buttons {
		flex-direction: column !important;
		gap: 0.5rem !important;
	}

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