/* Wyjedzone — okno zgody na cookies (wtyczka Complianz) w stylu serwisu.
 *
 * DLACZEGO OSOBNY PLIK, A NIE EDYCJA WTYCZKI:
 * Complianz generuje własny arkusz (banner-1-optin.css) przy każdej zmianie
 * ustawień i przy aktualizacji — każda ręczna poprawka w nim znika. Dlatego
 * nadpisujemy z zewnątrz, wyższą wagą selektora (#id + klasa) i !important
 * tam, gdzie wtyczka sama go używa.
 *
 * MOBILE FIRST: bazowe reguły dla telefonu, media query tylko poszerza.
 */

.cmplz-cookiebanner {
  --wz-fiolet: #2e1a54;
  --wz-fiolet-hover: #43266f;
  --wz-lawenda: #ede9fe;
  --wz-krem: #f7f6f2;
  --wz-tekst: #3a3a42;
  --wz-szary: #7a7a86;
  --wz-linia: #e8e5dd;

  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: var(--wz-tekst) !important;
  border: 1px solid var(--wz-linia) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 40px rgba(46, 26, 84, 0.16) !important;
  padding: 16px !important;
}

/* TELEFON: okno na całą szerokość z marginesami po bokach.
   UWAGA — pułapka: wtyczka na telefonie ustawia `left: initial; right: initial`,
   więc samo ograniczenie `max-width` NIE wyśrodkowuje okna, tylko przykleja je
   do lewej krawędzi. Dlatego szerokość wyznaczamy przez left/right, a max-width
   zdejmujemy. */
@media (max-width: 767px) {
  .cmplz-cookiebanner {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* Nagłówek — krój marki, jak na stronach dokumentów */
.cmplz-cookiebanner .cmplz-title {
  font-family: Fraunces, Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--wz-fiolet) !important;
  letter-spacing: -0.01em;
}
.cmplz-cookiebanner .cmplz-body,
.cmplz-cookiebanner .cmplz-message {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--wz-tekst) !important;
}
.cmplz-cookiebanner .cmplz-divider { background: var(--wz-linia) !important; border: 0 !important; }

/* Krzyżyk zamknięcia — bez czarnej obwódki, jak reszta ikon w serwisie */
.cmplz-cookiebanner .cmplz-close {
  border: 0 !important;
  outline: none !important;
  color: var(--wz-szary) !important;
  opacity: 0.75;
}
.cmplz-cookiebanner .cmplz-close:hover { opacity: 1; color: var(--wz-fiolet) !important; }

/* ── Przyciski ─────────────────────────────────────────────
   Akceptuj = pełny fiolet marki (główna akcja).
   Odrzuć / Preferencje = biała pigułka z obrysem — równorzędne wizualnie,
   żeby nie popychać użytkownika do zgody wyglądem. */
.cmplz-cookiebanner .cmplz-buttons { gap: 8px !important; }
.cmplz-cookiebanner .cmplz-btn {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  padding: 8px 14px !important;
  min-height: 38px !important;          /* nadal wygodny cel dotyku */
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: none !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
  background: var(--wz-fiolet) !important;
  border: 1px solid var(--wz-fiolet) !important;
  color: #fff !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
  background: var(--wz-fiolet-hover) !important;
  border-color: var(--wz-fiolet-hover) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
  background: #fff !important;
  border: 1px solid var(--wz-linia) !important;
  color: var(--wz-tekst) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options:hover {
  background: var(--wz-lawenda) !important;
  border-color: #d9d3ea !important;
  color: var(--wz-fiolet) !important;
}

/* Linki do dokumentów na dole */
.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner .cmplz-documents a {
  color: var(--wz-fiolet) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
}
.cmplz-cookiebanner .cmplz-links a:hover,
.cmplz-cookiebanner .cmplz-documents a:hover { border-bottom-color: currentColor; }

/* Kategorie zgód (widok „Zobacz preferencje") */
.cmplz-cookiebanner .cmplz-category {
  background: var(--wz-krem) !important;
  border: 1px solid var(--wz-linia) !important;
  border-radius: 14px !important;
  margin-bottom: 8px !important;
}
.cmplz-cookiebanner .cmplz-category .cmplz-category-header .cmplz-category-title {
  font-weight: 700 !important;
  color: var(--wz-fiolet) !important;
}
.cmplz-cookiebanner .cmplz-slider-checkbox input:checked + .cmplz-slider { background: var(--wz-fiolet) !important; }

@media (min-width: 720px) {
  .cmplz-cookiebanner { padding: 20px !important; max-width: 460px !important; }
  .cmplz-cookiebanner .cmplz-title { font-size: 19px !important; }
  .cmplz-cookiebanner .cmplz-body, .cmplz-cookiebanner .cmplz-message { font-size: 13.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cmplz-cookiebanner .cmplz-btn { transition: none; }
}