/* ---------------------------------------------------------------------------
   Já, správce — 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: 'Figtree', system-ui, -apple-system, sans-serif;

  --cc-bg: #ffffff;
  --cc-primary-color: #0B1B33;          /* ink */
  --cc-secondary-color: rgba(11, 27, 51, .70);

  --cc-btn-primary-bg: #1C61C6;         /* modrá z loga */
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #0B1B33;
  --cc-btn-primary-hover-bg: #0E3C86;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #0B1B33;

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #0B1B33;
  --cc-btn-secondary-border-color: #0B1B33;
  --cc-btn-secondary-hover-bg: #D7E149; /* limetka */
  --cc-btn-secondary-hover-color: #0B1B33;
  --cc-btn-secondary-hover-border-color: #0B1B33;

  --cc-separator-border-color: rgba(11, 27, 51, .12);

  --cc-toggle-on-bg: #1C61C6;
  --cc-toggle-off-bg: #9AA6B8;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: #D7E149;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #0B1B33;

  --cc-cookie-category-block-bg: #F4F4EF;
  --cc-cookie-category-block-border: #0B1B33;
  --cc-cookie-category-block-hover-bg: #EDEFE4;
  --cc-cookie-category-block-hover-border: #0B1B33;
  --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 zesvětlá. */
  --cc-cookie-category-expanded-block-hover-bg: rgba(11, 27, 51, .10);

  --cc-overlay-bg: rgba(11, 27, 51, .55);
  --cc-footer-bg: #F4F4EF;
  --cc-footer-color: rgba(11, 27, 51, .70);
  --cc-footer-border-color: #0B1B33;

  /* POZOR: touhle proměnnou knihovna zaobluje i rozbalovací boxy v nastavení,
     ne jen tlačítka. Pilulkový radius (99px) se tam při rozbalení roztáhne do
     oblouku — proto je tu mírná hodnota a tlačítka dostávají pilulku zvlášť níž. */
  --cc-btn-border-radius: .9rem;

  --cc-modal-border-radius: 1.5rem;
  --cc-modal-margin: 1rem;
  --cc-z-index: 90;
}

/* --- typografie: nadpisy stejným písmem jako zbytek webu --- */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  letter-spacing: -.02em;
}
#cc-main .cm__title { font-size: 1.15rem; font-weight: 700 }
#cc-main .cm__desc { line-height: 1.6 }

/* --- lišta a okno: stejný 2px rámeček a tvrdý stín jako karty na webu --- */
#cc-main .cm,
#cc-main .pm {
  border: 2px solid #0B1B33;
  box-shadow: 6px 6px 0 0 #0B1B33;
}

/* --- tlačítka: pilulka s rámečkem, jako sp-btn na webu --- */
#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 99px;
  border-width: 2px;
  font-weight: 600;
}
#cc-main .cm__btn--close,
#cc-main .pm__close-btn { border-radius: 99px; border-width: 2px }

/* odkazy v patičce lišty */
#cc-main .cm__footer a,
#cc-main .pm__section a {
  color: #1C61C6;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #D7E149;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

/* --- kategorie v nastavení --- */
#cc-main .pm__section--toggle .pm__section-title { border-width: 2px }
#cc-main .pm__badge {
  background: #D7E149;
  color: #0B1B33;
  border: 2px solid #0B1B33;
  font-weight: 700;
}

/* 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. */

/* --- tabulka cookies --- */
#cc-main .pm__table th { font-weight: 700; color: #0B1B33 }

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