/* Smaller cookie box on every shop (Václav 28. 10. 2026: "hrozně to otravuje"): the same texts, buttons and links, only less
   space - smaller type and padding, the three buttons in one row. Appearance only; consent, categories and the config
   (cookieconsent-config.js) are unchanged. html #cc-main wins over the library styles whatever their order. */
html #cc-main .cm {
  width: 360px;
  max-width: calc(100vw - 20px);
  font-size: 12px;
}

html #cc-main .cm__body {
  flex-direction: column;
}

html #cc-main .cm__texts {
  padding: 10px 14px 0;
}

html #cc-main .cm__title {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.3;
}

html #cc-main .cm__desc {
  max-height: none;
  margin: 4px 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
}

html #cc-main .cm__btns {
  flex-direction: row;
  gap: 6px;
  padding: 8px 14px 10px;
  border-top: 0;
}

html #cc-main .cm__btn-group {
  display: flex;
  flex: 2 1 auto;
  gap: 6px;
  margin: 0;
}

html #cc-main .cm__btn-group:last-child {
  flex: 1 1 auto;
}

html #cc-main .cm__btn {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 6px 8px;
  min-height: 0;
  font-size: 12px;
  line-height: 1.25;
}

/* The library spaces stacked buttons apart; in one row that made "Odmítnout vše" lower than "Přijmout vše" */
html #cc-main .cm__btn + .cm__btn,
html #cc-main .cm__btn-group + .cm__btn-group {
  margin: 0;
}

html #cc-main .cm__footer {
  padding: 4px 14px 8px;
  font-size: 11px;
}

html #cc-main .cm__link-group {
  gap: 12px;
}

/* Phones: the library sets these with !important at 640 px and below */
@media screen and (max-width: 640px) {
  html #cc-main .cm__btns,
  html #cc-main .cm__btn-group {
    flex-direction: row !important;
  }

  html #cc-main .cm__btns,
  html #cc-main .cm__desc,
  html #cc-main .cm__links,
  html #cc-main .cm__title {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html #cc-main .cm__btns {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
    border-top: 0 !important;
  }

  html #cc-main .cm__texts {
    padding: 10px 0 0;
  }

  html #cc-main .cm__btn {
    flex: 1 1 0 !important;
  }

  html #cc-main .cm__btn + .cm__btn,
  html #cc-main .cm__btn-group + .cm__btn-group {
    margin: 0 !important;
  }
}