/* ---------------------------------------------------------------------------
   Gringos Barber — vzhled cookie lišty
   Knihovna se needituje. Přebarvujeme ji jen přes její vlastní proměnné,
   aby šla kdykoli vyměnit za novější verzi.
--------------------------------------------------------------------------- */
#cc-main {
  --cc-font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;

  --cc-bg: #0F1B19;                       /* petrol2 */
  --cc-primary-color: #F2F0EA;            /* kost */
  --cc-secondary-color: rgba(242, 240, 234, .70);

  --cc-btn-primary-bg: #C9FF2E;           /* limetka */
  --cc-btn-primary-color: #0A0D0C;
  --cc-btn-primary-border-color: #C9FF2E;
  --cc-btn-primary-hover-bg: #F2F0EA;
  --cc-btn-primary-hover-color: #0A0D0C;
  --cc-btn-primary-hover-border-color: #F2F0EA;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #F2F0EA;
  --cc-btn-secondary-border-color: rgba(242, 240, 234, .35);
  --cc-btn-secondary-hover-bg: transparent;
  --cc-btn-secondary-hover-color: #C9FF2E;
  --cc-btn-secondary-hover-border-color: #C9FF2E;

  --cc-separator-border-color: rgba(242, 240, 234, .15);

  --cc-toggle-on-bg: #C9FF2E;
  --cc-toggle-off-bg: #4A5A56;
  --cc-toggle-on-knob-bg: #0A0D0C;
  --cc-toggle-off-knob-bg: #F2F0EA;
  --cc-toggle-readonly-bg: #2A3D39;
  --cc-toggle-readonly-knob-bg: #C9FF2E;
  --cc-toggle-readonly-knob-icon-color: #0A0D0C;

  --cc-cookie-category-block-bg: #132623;             /* petrol */
  --cc-cookie-category-block-border: rgba(242, 240, 234, .15);
  --cc-cookie-category-block-hover-bg: #16302C;
  --cc-cookie-category-block-hover-border: rgba(201, 255, 46, .55);
  --cc-cookie-category-expanded-block-bg: transparent;
  /* POZOR: knihovna tuhle proměnnou při rozbalení dosazuje do barvy rámečku sekce.
     Bez ní spadne na světle šedý výchozí odstín a rámeček na tmavém pozadí vyskočí. */
  --cc-cookie-category-expanded-block-hover-bg: rgba(242, 240, 234, .15);

  --cc-overlay-bg: rgba(10, 13, 12, .75);
  --cc-footer-bg: #0A0D0C;
  --cc-footer-color: rgba(242, 240, 234, .55);
  --cc-footer-border-color: rgba(242, 240, 234, .12);

  /* Web má všude ostré rohy, takže nulový radius. Zároveň tím padá známý problém
     knihovny — touhle proměnnou zaobluje i rozbalovací boxy v nastavení, ne jen
     tlačítka, a pilulkových 99 px se tam roztáhne do oblouku. */
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;

  --cc-modal-margin: 1rem;
  --cc-z-index: 120;                      /* nad hlavičkou (100) i mobilním menu (99) */
}

/* --- typografie: nadpisy Antonem jako zbytek webu --- */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: Anton, Impact, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -.005em;
  line-height: .95;
}
#cc-main .cm__title { font-size: 1.6rem }
#cc-main .pm__title { font-size: 1.9rem }
#cc-main .cm__desc { line-height: 1.65 }

/* štítky sekcí monospacem, stejně jako .g-label na webu */
#cc-main .pm__section-title {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* --- lišta a okno: tenký rámeček místo stínu, jako karty na webu --- */
#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(242, 240, 234, .15);
}

/* --- tlačítka: monospace verzálky s prostrkáním, jako CTA na webu --- */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .68rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  font-weight: 400;
  padding: 1rem 1.6rem;
  border-width: 1px;
}

/* odkazy v liště i v nastavení */
#cc-main .cm__footer a,
#cc-main .pm__section a {
  color: #C9FF2E;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#cc-main .cm__footer a:hover,
#cc-main .pm__section a:hover { color: #F2F0EA }

/* --- kategorie v nastavení --- */
#cc-main .pm__badge {
  background: #C9FF2E;
  color: #0A0D0C;
  border: none;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .6rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* Zaoblení a skládání rámečků při rozbalení řeší knihovna sama přes
   --cc-btn-border-radius výše. Vlastní radiusy sem nepatří — zdvojily by se. */

/* --- posuvník v okně nastavení ---
   Knihovna sama barví palec přes --cc-toggle-readonly-bg, což je u nás skoro
   černá a na tmavém pozadí zanikne. Navíc ho zaobluje do pilulky, což se bije
   s ostrými rohy webu. Přebíjíme obojí. */
#cc-main .pm__body,
#cc-main .cm__body {
  scrollbar-width: thin;                                  /* Firefox */
  scrollbar-color: rgba(242, 240, 234, .28) transparent;  /* palec / dráha */
}
#cc-main ::-webkit-scrollbar { width: 10px; background: transparent }
#cc-main ::-webkit-scrollbar-track { background: rgba(242, 240, 234, .06) }
#cc-main ::-webkit-scrollbar-thumb {
  background: rgba(242, 240, 234, .28);
  border: 3px solid var(--cc-bg);
  border-radius: 0;
}
#cc-main ::-webkit-scrollbar-thumb:hover { background: #C9FF2E }

/* --- tabulka cookies --- */
#cc-main .pm__table th {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .62rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(242, 240, 234, .55);
}
#cc-main .pm__table td { color: rgba(242, 240, 234, .78) }

@media (prefers-reduced-motion: reduce) {
  #cc-main .cm, #cc-main .pm { transition: none !important }
}