/* Úpravy po migraci z Webflow */

/* Nadpis stránky převedený z H2 na H1 (SEO) – zachovává původní vzhled H2 */
h1.olii-page-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

/* vanilla-cookieconsent – vzhled podle původní Finsweet lišty */
#cc-main {
  --cc-font-family: Manrope, sans-serif;
  --cc-modal-border-radius: .85rem;
  --cc-btn-border-radius: .25rem;
  --cc-bg: #1e1e1e;
  --cc-primary-color: #fff;
  --cc-secondary-color: #d1d1d1;
  --cc-link-color: #fff;
  --cc-btn-primary-bg: #fb5e00;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #fb5e00;
  --cc-btn-primary-hover-bg: #e05400;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #e05400;
  --cc-btn-secondary-bg: #fafafa;
  --cc-btn-secondary-color: #161616;
  --cc-btn-secondary-border-color: #fafafa;
  --cc-btn-secondary-hover-bg: #d1d1d1;
  --cc-btn-secondary-hover-color: #161616;
  --cc-btn-secondary-hover-border-color: #d1d1d1;
  --cc-separator-border-color: #3a3a3a;
  --cc-toggle-on-bg: #fb5e00;
  --cc-toggle-off-bg: #929292;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: #5a5a5a;
  --cc-toggle-readonly-knob-bg: #d1d1d1;
  --cc-cookie-category-block-bg: #2a2a2a;
  --cc-cookie-category-block-border: #3a3a3a;
  --cc-cookie-category-block-hover-bg: #333;
  --cc-cookie-category-block-hover-border: #444;
  --cc-cookie-category-expanded-block-bg: #2a2a2a;
  --cc-cookie-category-expanded-block-hover-bg: #333;
  --cc-footer-bg: #1e1e1e;
  --cc-footer-color: #d1d1d1;
  --cc-footer-border-color: #3a3a3a;
  --cc-overlay-bg: rgba(0, 0, 0, .55);
  --cc-webkit-scrollbar-bg: #3a3a3a;
  --cc-webkit-scrollbar-hover-bg: #5a5a5a;
}

#cc-main .cm {
  max-width: 45rem;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 500;
}

/* Tlačítka v jedné řadě vpravo: Nastavení · Odmítnout · Přijmout (jako původní lišta) */
@media (min-width: 640px) {
  #cc-main .cm__btns {
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    gap: .75rem;
    border-top: 0;
    padding-top: 0;
  }

  #cc-main .cm__btn-group {
    display: flex;
    flex-direction: row-reverse;
    gap: .75rem;
    margin: 0;
  }

  #cc-main .cm__btns .cm__btn {
    flex: none;
    width: auto;
    min-width: 0;
    margin: 0 !important;
    padding: .5rem 1rem;
  }

  #cc-main .cm__btn[data-role="show"] {
    background: transparent;
    border-color: transparent;
    color: #fff;
  }

  #cc-main .cm__btn[data-role="show"]:hover {
    background: transparent;
    border-color: transparent;
    color: #d1d1d1;
  }
}