/* Marka Magdalena Borowiec — nakładka na vanilla-cookieconsent.
   Zadeklarowana w <head> PO cookieconsent.css, więc wygrywa w kaskadzie.
   Zero inline styli (CSP style-src 'self'); logo z 'self' (img-src 'self'). */

#cc-main {
  --cc-font-family: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  --cc-btn-border-radius: 10px;

  /* Przycisk główny „Akceptuję" — terakota, biały tekst (4,88:1). */
  --cc-btn-primary-bg: #B4553B;
  --cc-btn-primary-border-color: #B4553B;
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-hover-bg: #A34A34;
  --cc-btn-primary-hover-border-color: #A34A34;
  --cc-btn-primary-hover-color: #FFFFFF;

  /* Przełącznik kategorii włączony — też w akcencie marki. */
  --cc-toggle-on-bg: #B4553B;
  --cc-toggle-on-knob-bg: #FFFFFF;
}

/* Małe logo nad tytułem banera — jak na wzorze. */
#cc-main .cm__title::before,
#cc-main .pm__title::before {
  content: '';
  display: block;
  width: 46px;
  height: 30px;
  margin-bottom: 12px;
  background: url('/assets/img/logo-mb.svg') left center / contain no-repeat;
}

/* Na telefonie baner ma szybko oddać ekran treści strony. Logo zostaje
   w pełnym panelu ustawień, ale znika z pierwszej, krótkiej decyzji. */
@media (max-width: 640px) {
  #cc-main .cm__title::before { display: none; }
  #cc-main .cm__texts { padding-top: .8rem; }
  #cc-main .cm__title + .cm__desc { margin-top: .65rem; }
  #cc-main .cm__desc { line-height: 1.45; padding-bottom: .7rem; }
  #cc-main .cm__btns { padding-top: .7rem !important; padding-bottom: .7rem !important; }
}
