/* ==========================================================================
   Baner zgód cookies (wtyczka Complianz) w stylu VMA: Cream 100, przyciski-pigułki z DS,
   Slate Blue na linkach i przełącznikach. Ładowany tylko, gdy wtyczka jest aktywna.
   ========================================================================== */
:root:root {
	--cmplz_banner_width: 480px;
	--cmplz_banner_background_color: #FFFDF7;
	--cmplz_banner_border_color: #D9D0BE;
	--cmplz_banner_border_width: 1px;
	--cmplz_banner_border_radius: 0;
	--cmplz_banner_margin: 8px;
	--cmplz_title_font_size: 20px;
	--cmplz_text_color: #26231E;
	--cmplz_text_font_size: 14px;
	--cmplz_text_line_height: 21px;
	--cmplz_hyperlink_color: #5B7482;
	--cmplz_link_font_size: 13px;
	--cmplz_category_body_font_size: 13px;
	--cmplz_category_header_title_font_size: 15px;
	--cmplz_category_header_active_font_size: 12px;
	--cmplz_category_header_always_active_color: #5B7482;
	--cmplz_button_font_size: 14px;
	--cmplz_button_border_radius: 999px;
	--cmplz_button_accept_background_color: #26231E;
	--cmplz_button_accept_border_color: #26231E;
	--cmplz_button_accept_text_color: #F3ECDA;
	--cmplz_button_deny_background_color: #E0D9C9;
	--cmplz_button_deny_border_color: #E0D9C9;
	--cmplz_button_deny_text_color: #26231E;
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_border_color: #26231E;
	--cmplz_button_settings_text_color: #26231E;
	--cmplz_slider_active_color: #5B7482;
	--cmplz_slider_inactive_color: #B5AC99;
	--cmplz_slider_bullet_color: #FFFDF7;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	right: 24px; bottom: 24px; padding: 28px 28px 22px; grid-gap: 14px;
	font-family: var(--font-sans); box-shadow: 0 24px 60px -20px rgba(38, 35, 30, .28);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show:hover { box-shadow: 0 24px 60px -20px rgba(38, 35, 30, .28); }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { grid-template-columns: 1fr auto; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo { display: none; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { grid-column-start: 1; justify-self: start; font-weight: 400; line-height: 26px; letter-spacing: -0.01em; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { grid-column-start: 2; display: grid; place-items: center; width: 32px; height: 32px; margin: -6px -6px 0 0; border-radius: 50%; transition: background-color .2s ease; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover { background: #F3ECDA; font-size: 20px; }
/* wtyczka ustawia fokus na krzyżyku po otwarciu – zamiast systemowej obwódki subtelne tło */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus { outline: none; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus-visible { background: #F3ECDA; box-shadow: 0 0 0 1px #D9D0BE; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg { width: 14px; height: 14px; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { margin-bottom: 4px; color: #565147; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider { display: none; }

/* kategorie (Zobacz preferencje) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category { background: transparent; border-top: 1px solid #E0D9C9; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category:last-child { border-bottom: 1px solid #E0D9C9; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 0; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { padding: 12px 0; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { padding: 0 0 14px; color: #565147; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #A8CBD7; }

/* przyciski jak .btn z DS */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	min-height: 44px; padding: 12px 18px; font-weight: 500; letter-spacing: .01em; line-height: 1.3;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover { background-color: #383633; border-color: #383633; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover { background-color: #C5BBA8; border-color: #C5BBA8; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover { background-color: #26231E; color: #F3ECDA; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible { outline: 2px solid #A8B0B0; outline-offset: 2px; }

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: flex-start; gap: 20px; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link { text-underline-offset: 3px; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:hover { color: #26231E; }

/* pływająca zakładka "Zarządzaj zgodą" – zamiast niej link "Ustawienia cookies" w stopce */
#cmplz-manage-consent { display: none !important; }

@media (max-width: 768px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner { left: 0; right: 0; bottom: 0; width: 100%; padding: 22px 16px 16px; border-width: 1px 0 0; }
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { gap: 8px; }
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center; }
}
@media (max-width: 425px) {
	/* wtyczka chowa tytuł na wąskich ekranach – zostawiamy go, krzyżyk ma swoje miejsce */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title { display: block; font-size: 18px; }
}
