/*
 * The consent banner's look (CookieConsent 3.1.0, cookieconsent-3.1.0.css). A theme restyles it with the same #cc-main
 * variables in its own stylesheet, which loads after this file.
 *
 * Every button has the SAME colour. The Slovak regulator's opinion names „Povoliť všetko“ highlighted against the others
 * as wrong: the banner must not pull anyone towards consent. Primary and secondary are therefore one and the same.
 */
#cc-main {
  --cc-btn-primary-bg: #333333;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #333333;
  --cc-btn-primary-hover-bg: #111111;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #111111;
  --cc-btn-secondary-bg: #333333;
  --cc-btn-secondary-color: #ffffff;
  --cc-btn-secondary-border-color: #333333;
  --cc-btn-secondary-hover-bg: #111111;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #111111;
  --cc-z-index: 2147483000;
}
#cc-main a { text-decoration: underline; text-underline-offset: 2px; }
/* A phone: a compact bar at the bottom, the short text and three equal choices side by side (the vendor stacks them with !important).
   shop-ads.js lifts it above the product page's buy bar and keeps room under the page's last lines while it is open. */
@media screen and (max-width: 640px) {
  #cc-main .cm--bar { max-height: 45vh; overflow: auto; }
  #cc-main .cm--bar .cm__body { padding: 0; }
  #cc-main .cm--bar .cm__texts { padding: .55rem 2.6rem 0 0; }
  #cc-main .cm--bar .cm__title { display: none; }
  #cc-main .cm--bar .cm__desc { padding: 0 0 0 .75rem !important; margin: 0; font-size: .8125rem; line-height: 1.35; }
  #cc-main .cm--bar .cm__btns { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .375rem; padding: .5rem .75rem calc(.5rem + env(safe-area-inset-bottom)) !important; border-top: 0 !important; }
  #cc-main .cm--bar .cm__btn-group { display: contents !important; }
  #cc-main .cm--bar .cm__btn { min-width: 0; margin: 0 !important; padding: .55rem .25rem; font-size: .75rem; line-height: 1.15; }
  #cc-main .cm--bar .cm__btn--close { padding: 0; width: 2.2rem; height: 2.2rem; }
  html.show--consent body { padding-bottom: var(--shop-ads-room, 0); }
}
.shop-ads-settings { margin: 0; padding: .5rem 1rem; text-align: center; font-size: .875rem; }
@media print { #cc-main, .shop-ads-settings { display: none !important; } }
