/**
 * Movens Capital — motyw kolorystyczny banera zgody
 *
 * Paleta odczytana z szablonu Avada na movenscapital.com:
 *   granat  #1f3564  (nagłówki, nawigacja, przyciski)
 *   granat+ #16274b  (stan hover)
 *   złoto   #d29c44  (akcent — TYLKO elementy nietekstowe, kontrast
 *                     na bieli wynosi ~2,2:1, więc nie nadaje się na tekst)
 *   tekst   #1a1a1a
 *   tło     #ffffff / #faf9f9
 *   ramki   #e1e0e7
 */

#cc-main {
	/* Typografia dziedziczona z Avady — baner nie wprowadza własnego fontu. */
	--cc-font-family: inherit;

	/* Ponad przyklejonym nagłówkiem Avady, poniżej modali Fusion Buildera. */
	--cc-z-index: 999995;

	/* Powierzchnie i tekst */
	--cc-bg: #ffffff;
	--cc-primary-color: #1a1a1a;
	--cc-secondary-color: #4a4a55;
	--cc-link-color: #1f3564;

	/* Geometria — Avada używa raczej ostrych krawędzi */
	--cc-modal-border-radius: 4px;
	--cc-btn-border-radius: 2px;
	--cc-pm-toggle-border-radius: 20px;
	--cc-modal-transition-duration: 0.25s;

	/*
	 * Przyciski: "Accept all" i "Reject all" są IDENTYCZNE.
	 * To nie jest kwestia estetyki — zgoda ma być tak samo łatwa
	 * do odrzucenia, jak do udzielenia. Nie odbarwiaj przycisku odmowy.
	 */
	--cc-btn-primary-bg: #1f3564;
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: #1f3564;
	--cc-btn-primary-hover-bg: #16274b;
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: #16274b;

	--cc-btn-secondary-bg: #1f3564;
	--cc-btn-secondary-color: #ffffff;
	--cc-btn-secondary-border-color: #1f3564;
	--cc-btn-secondary-hover-bg: #16274b;
	--cc-btn-secondary-hover-color: #ffffff;
	--cc-btn-secondary-hover-border-color: #16274b;

	/* Przełączniki kategorii */
	--cc-toggle-on-bg: #1f3564;
	--cc-toggle-off-bg: #b5b5b5;
	--cc-toggle-on-knob-bg: #ffffff;
	--cc-toggle-off-knob-bg: #ffffff;
	--cc-toggle-readonly-bg: #e1e0e7;
	--cc-toggle-readonly-knob-bg: #ffffff;
	--cc-toggle-readonly-knob-icon-color: #8a8a95;
	--cc-toggle-enabled-icon-color: #ffffff;
	--cc-toggle-disabled-icon-color: #ffffff;

	/* Bloki kategorii w oknie ustawień */
	--cc-cookie-category-block-bg: #faf9f9;
	--cc-cookie-category-block-border: #e1e0e7;
	--cc-cookie-category-block-hover-bg: #f2f1f4;
	--cc-cookie-category-block-hover-border: #d5d4dd;
	--cc-cookie-category-expanded-block-bg: #ffffff;
	--cc-cookie-category-expanded-block-hover-bg: #faf9f9;

	--cc-separator-border-color: #e1e0e7;
	--cc-section-category-border: #e1e0e7;

	/* Stopka okna ustawień */
	--cc-footer-bg: #faf9f9;
	--cc-footer-color: #4a4a55;
	--cc-footer-border-color: #e1e0e7;

	/* Nakładka używana tylko przez okno ustawień */
	--cc-overlay-bg: rgba(26, 26, 26, 0.6);

	--cc-webkit-scrollbar-bg: #d5d4dd;
	--cc-webkit-scrollbar-hover-bg: #b5b5b5;
}

/* Złoty akcent u góry banera — sygnał marki bez wpływu na czytelność. */
#cc-main .cm {
	border-top: 3px solid #d29c44;
	box-shadow: 0 4px 28px rgba(31, 53, 100, 0.16);
}

#cc-main .cm__title,
#cc-main .pm__title {
	font-weight: 600;
	letter-spacing: 0.01em;
}

/*
 * "Manage preferences" jako link tekstowy — przy equalWeightButtons: true
 * biblioteka umieszcza go w .cm__link-group. Jest to opcja trzeciorzędna,
 * więc może (i powinna) wyglądać inaczej niż dwa równorzędne przyciski.
 */
#cc-main .cm__link-group .cm__btn {
	background: transparent;
	border-color: transparent;
	color: #1f3564;
	text-decoration: underline;
	text-underline-offset: 3px;
}

#cc-main .cm__link-group .cm__btn:hover {
	background: transparent;
	border-color: transparent;
	color: #16274b;
}

/*
 * Widoczny fokus klawiatury — wymóg dostępności (European Accessibility Act,
 * obowiązuje od 28.06.2025). Złoto na granacie daje kontrast ~5,7:1.
 */
#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main [role='button']:focus-visible {
	outline: 3px solid #d29c44;
	outline-offset: 2px;
}

/* Link "Cookie settings" wstawiany shortcode'em w stopce strony. */
.movens-cc-link {
	cursor: pointer;
}

/*
 * Automatyczny odnośnik do ustawień cookies.
 *
 * Treść okna zgody obiecuje możliwość wycofania zgody w każdej chwili, więc
 * ten element musi istnieć zawsze — niezależnie od tego, czy shortcode trafił
 * do stopki. Celowo dyskretny: półprzezroczysty do najechania kursorem.
 */
.movens-cc-floating {
	position: fixed;
	bottom: 14px;
	left: 14px;
	z-index: 999990;
	padding: 6px 12px;
	border: 1px solid #d5d4dd;
	border-radius: 2px;
	background: #ffffff;
	color: #1f3564;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	cursor: pointer;
	opacity: 0.55;
	box-shadow: 0 2px 10px rgba(31, 53, 100, 0.1);
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.movens-cc-floating:hover,
.movens-cc-floating:focus-visible {
	opacity: 1;
	border-color: #1f3564;
}

.movens-cc-floating:focus-visible {
	outline: 3px solid #d29c44;
	outline-offset: 2px;
}

/* Okno zgody zajmuje ten sam róg — chowamy odnośnik na czas jego wyświetlania. */
html.show--consent .movens-cc-floating {
	display: none;
}

@media (max-width: 782px) {
	.movens-cc-floating {
		bottom: 10px;
		left: 10px;
		padding: 5px 10px;
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.movens-cc-floating {
		transition: none;
	}
}