/* TripAlert — branding baneru zgody. Nadpisuje zmienne vanilla-cookieconsent 3.x. */
#cc-main {
  /* Typografia i tło w duchu strony */
  --cc-font-family: 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --cc-bg: #FFF8F0;                 /* --tlo */
  --cc-primary-color: #4A342A;      /* --atrament (tekst) */
  --cc-secondary-color: #7A5C4F;    /* --braz2 (tekst drugorzędny) */

  /* Przycisk główny — koral marki */
  --cc-btn-primary-bg: #E2504C;         /* --koral */
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #E2504C;
  --cc-btn-primary-hover-bg: #C93F38;   /* --koralH */
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #C93F38;

  /* Przycisk drugorzędny — ciepły beż */
  --cc-btn-secondary-bg: #FCF1E3;       /* --tlo2 */
  --cc-btn-secondary-color: #5C4436;    /* --braz */
  --cc-btn-secondary-border-color: #F3E0CE;
  --cc-btn-secondary-hover-bg: #F9EDDE;
  --cc-btn-secondary-hover-color: #5C4436;
  --cc-btn-secondary-hover-border-color: #F2C9A8;

  /* Przełączniki, linki, obramowania */
  --cc-toggle-on-bg: #E2504C;
  --cc-toggle-readonly-bg: #B39B8B;
  --cc-link-color: #C93F38;
  --cc-cookie-category-block-bg: #FCF1E3;
  --cc-cookie-category-block-bg-hover: #F9EDDE;
  --cc-separator-border-color: #F3E0CE;
  --cc-btn-border-radius: 12px;
  --cc-modal-border-radius: 18px;

  /* Ciepły, wyraźny backdrop — baner wychodzi na wierzch */
  --cc-overlay-bg: rgba(74, 52, 42, .62);   /* --atrament z przezroczystością */
}

/* --- „Mocny nudge": akcept dominuje, odrzucenie ciche (ale widoczne, 1 klik) --- */
/* Główny przycisk „Akceptuję wszystkie" — większy, z poświatą */
#cc-main .cm__btn[data-role="all"] {
  font-size: 17px;
  padding: 15px 32px;
  box-shadow: 0 10px 26px rgba(226, 80, 76, .45);
}
#cc-main .cm__btn[data-role="all"]:hover {
  box-shadow: 0 12px 30px rgba(201, 63, 56, .52);
}
/* „Tylko niezbędne" i „Ustawienia" — przygaszone linki tekstowe */
#cc-main .cm__btn--secondary {
  background: transparent;
  border-color: transparent;
  color: #8A6D5C;              /* --braz3 */
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  box-shadow: none;
}
#cc-main .cm__btn--secondary:hover {
  background: transparent;
  border-color: transparent;
  color: #5C4436;             /* --braz */
}

/* Nagłówki modali cieplejszym brązem + krój Baloo 2 jak reszta serwisu */
#cc-main .cm__title,
#cc-main .pm__title { font-family: 'Baloo 2', 'Nunito', sans-serif; color: #5C4436; }

/* Delikatny cień pudełka pod estetykę strony */
#cc-main .cm, #cc-main .pm { box-shadow: 0 10px 40px rgba(74,52,42,.18); }