/* ==========================================================================
   Cookie lišta — sladění se vzhledem webu

   Knihovna CookieConsent nabízí kompletní sadu CSS proměnných, takže se dá
   obarvit bez zásahu do jejího vlastního CSS. Tenhle soubor se načítá AŽ ZA
   assets/vendor/cookieconsent/cookieconsent.css a jen přepisuje proměnné;
   při aktualizaci knihovny se tedy nic neztratí.
   ========================================================================== */

#cc-main {
  /* ---------------------------------------------------- písma a plochy --- */
  --cc-font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif;

  --cc-bg: #FFFFFF;
  --cc-primary-color: #2A383A;      /* nadpisy a hlavní text */
  --cc-secondary-color: #54666A;    /* popisky a delší odstavce */

  /* zaoblení zůstává na výchozích hodnotách knihovny */
  --cc-modal-margin: 20px;
  --cc-modal-transition-duration: .35s;
  --cc-z-index: 90;                 /* pod lightboxem galerie (100) */

  --cc-overlay-bg: rgba(28, 39, 40, .6);

  /* ---------------------------------------------------------- tlačítka --- */

  /* hlavní volba — značková žlutá s tmavým textem */
  --cc-btn-primary-bg: #FDD900;
  --cc-btn-primary-color: #2A383A;
  --cc-btn-primary-border-color: #FDD900;
  --cc-btn-primary-hover-bg: #FFE84D;
  --cc-btn-primary-hover-color: #2A383A;
  --cc-btn-primary-hover-border-color: #FFE84D;

  /* vedlejší volby — obrysové, po najetí se vyplní tmavě */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #2A383A;
  --cc-btn-secondary-border-color: #E3E9EA;
  --cc-btn-secondary-hover-bg: #2A383A;
  --cc-btn-secondary-hover-color: #FFFFFF;
  --cc-btn-secondary-hover-border-color: #2A383A;

  /* ------------------------------------------------------------ odkazy --- */
  --cc-link-color: #2A383A;

  /* ------------------------------------------- bloky kategorií v detailu - */
  --cc-cookie-category-block-bg: #FFFCF0;
  --cc-cookie-category-block-border: #E3E9EA;
  --cc-cookie-category-block-hover-bg: #FFF8D6;
  --cc-cookie-category-block-hover-border: #FDD900;
  --cc-cookie-category-expanded-block-bg: #FFFFFF;
  --cc-cookie-category-expanded-block-hover-bg: #FFF8D6;

  --cc-section-category-border: #E3E9EA;
  --cc-separator-border-color: #E3E9EA;

  /* ---------------------------------------------------------- přepínače -- */
  --cc-toggle-on-bg: #2A383A;
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-off-bg: #C3CDCF;
  --cc-toggle-off-knob-bg: #FFFFFF;
  --cc-toggle-enabled-icon-color: #2A383A;
  --cc-toggle-disabled-icon-color: #C3CDCF;

  /* nezbytné cookies — zamčené, proto žlutě: povolené, ale neovlivnitelné */
  --cc-toggle-readonly-bg: #FDD900;
  --cc-toggle-readonly-knob-bg: #FFFFFF;
  --cc-toggle-readonly-knob-icon-color: #FDD900;

  /* ------------------------------------------------------------ patička -- */
  --cc-footer-bg: #FFFCF0;
  --cc-footer-color: #54666A;
  --cc-footer-border-color: #E3E9EA;

  /* --------------------------------------------------------- posuvníky --- */
  --cc-webkit-scrollbar-bg: #C3CDCF;
  --cc-webkit-scrollbar-hover-bg: #8A999C;
}


/* ============================ typografie ================================= */
/* Nadpisy jedou displejovým písmem webu, aby lišta nepůsobila jako cizí prvek. */

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: Archivo, system-ui, sans-serif;
  font-variation-settings: 'wdth' 108;
  font-weight: 800;
  letter-spacing: -.02em;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-size: 18px;
  line-height: 1.2;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__section-desc-wrapper {
  font-size: 14px;
  line-height: 1.55;
}

/* Tlačítka v samotné liště nemají v knihovně žádný transition — barvy
   přeskakovaly skokem. Doplňujeme ho, plus stejný ease-out jako jinde na webu.
   Posun na hoveru tu záměrně není: v modálním okně by prvky poskakovaly. */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: Archivo, system-ui, sans-serif;
  font-variation-settings: 'wdth' 108;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -.01em;
  padding: 9px 20px;
  min-height: 40px;
  transition:
    background-color .22s ease-out,
    border-color     .22s ease-out,
    color            .22s ease-out;
}


/* ============================ okno souhlasu ============================== */

#cc-main .cm--cloud {
  border: 2px solid var(--cc-separator-border-color);
  box-shadow: 0 24px 60px -24px rgba(28, 39, 40, .45);
}

/* Knihovna si odsazení řeší přes .cm__texts a .cm__desc — velké padding
   na .cm__body se s ním sčítalo a lišta zbytečně narostla do výšky.
   Zůstává jen tenký lem po stranách. */
#cc-main .cm__body { padding: 2px 6px 8px; }

#cc-main .cm__texts { padding-top: .7rem; }

#cc-main .cm__desc {
  margin-top: .7em;
  padding-bottom: .7em;
}

#cc-main .cm__links a,
#cc-main .cm__footer a {
  font-weight: 600;
  transition: color .22s ease-out;
  text-decoration: underline;
  text-decoration-color: #FDD900;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

#cc-main .cm__links a:hover,
#cc-main .cm__footer a:hover { color: #B89D00; }


/* ============================ okno nastavení ============================= */

#cc-main .pm {
  border: 2px solid var(--cc-separator-border-color);
  box-shadow: 0 30px 70px -30px rgba(28, 39, 40, .5);
}

#cc-main .pm__section {
  transition: background-color .2s ease-out, border-color .2s ease-out;
}

/* zamčený štítek u nezbytných cookies */
#cc-main .pm__badge {
  background: #FDD900;
  color: #2A383A;
  font-family: Archivo, system-ui, sans-serif;
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 3px 9px;
  min-width: 0;
}

#cc-main .pm__badge::before { display: none; }

#cc-main .cc__link,
#cc-main .pm__section-desc a {
  font-weight: 600;
  color: #2A383A;
  transition: color .22s ease-out;
  text-decoration: underline;
  text-decoration-color: #FDD900;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

#cc-main .cc__link:hover,
#cc-main .pm__section-desc a:hover { color: #B89D00; }


/* ============================ přístupnost ================================ */

#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main .section__toggle:focus-visible + .toggle__icon {
  outline: 3px solid #FDD900;
  outline-offset: 3px;
  border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
  #cc-main {
    --cc-modal-transition-duration: 0s;
  }

  #cc-main .cm__btn,
  #cc-main .pm__btn,
  #cc-main .pm__section,
  #cc-main a {
    transition: none;
  }
}


/* ============================ malé displeje ============================== */

@media (max-width: 640px) {
  #cc-main .cm__body { padding: 0 2px 6px; }
  #cc-main .cm__title,
  #cc-main .pm__title { font-size: 17px; }
  #cc-main .cm__desc { font-size: 13.5px; }
  #cc-main .cm__btn,
  #cc-main .pm__btn { width: 100%; }
}