/* ============================================================
   Odnovva - dopasowania do wyglądu paska zgody cookies (vanilla-cookieconsent
   v3, layout "bar inline" ustawiony w cookieconsent-init.js).

   Cel: na ruchu z reklam (Meta) baner nie może zasłaniać większości
   pierwszego ekranu, zwłaszcza w wąskiej przeglądarce in-app. Poniżej
   nie zmieniamy TREŚCI ani wagi przycisków (Akceptuję / Tylko niezbędne
   zostają tej samej wielkości i stylu - wymóg równej łatwości zgody
   i odmowy) - tylko układ na wąskich ekranach, żeby pasek był niski.
   Biblioteka sama wymusza (!important) układ kolumnowy poniżej 640px -
   nadpisujemy go tu z tą samą specyficznością.
   ============================================================ */

@media screen and (max-width: 640px) {
  #cc-main .cm__body {
    padding: .75rem 1rem !important;
  }

  #cc-main .cm__title {
    font-size: .95rem !important;
    padding: 0 !important;
    margin-bottom: .25rem;
  }

  #cc-main .cm__desc {
    font-size: .8rem !important;
    line-height: 1.35 !important;
    padding: 0 !important;
  }

  #cc-main .cm__btns {
    padding: 0 1rem .75rem !important;
    gap: .5rem;
  }

  #cc-main .cm__btn-group {
    flex-direction: row !important;
    gap: .5rem;
  }

  #cc-main .cm__btn {
    flex: 1 1 0 !important;
    padding: .6em .5em !important;
    font-size: .85rem !important;
    min-width: 0 !important;
    white-space: nowrap;
  }

  /* Drugi wiersz przycisków to tylko "Ustawienia" - nie musi być tak
     wysoki jak Akceptuję/Tylko niezbędne, to opcja dodatkowa, nie jedna
     z dwóch równoważnych decyzji. */
  #cc-main .cm__btn-group:last-child .cm__btn {
    flex: 0 1 auto !important;
    padding: .4em 1em !important;
    font-size: .78rem !important;
  }

  #cc-main .cm__btn-group:last-child {
    justify-content: center;
  }

  #cc-main .cm__links {
    padding: 0 1rem .5rem !important;
    font-size: .72rem !important;
  }
}