/* Colours and font from wp-content/themes/lab050/assets/css/style.css (.btn/body). */
#cc-main {
  --cc-font-family: "Geist", "Arial", "Helvetica", sans-serif;
  --cc-primary-color: #1c1b17;
  --cc-btn-primary-bg: #1c1b17;
  --cc-btn-primary-border-color: #1c1b17;
  --cc-btn-primary-hover-bg: #3c3c3a;
  --cc-btn-primary-hover-border-color: #3c3c3a;
  --cc-btn-secondary-bg: #f8f8f7;
  --cc-btn-secondary-border-color: #b8b7b5;
  --cc-btn-secondary-color: #1c1b17;
  --cc-btn-secondary-hover-bg: #eeedeb;
  --cc-btn-secondary-hover-color: #1c1b17;
  --cc-btn-secondary-hover-border-color: #b8b7b5;
  --cc-toggle-on-bg: #1c1b17;
  --cc-cookie-category-block-bg: #f8f8f7;
  --cc-cookie-category-block-hover-bg: #eeedeb;
  --cc-modal-border-radius: 6px;
  --cc-btn-border-radius: 6px;
  --cc-modal-margin: 12px;
}

#cc-main .cm__title,
#cc-main .cm__desc,
#cc-main .cm__btns,
#cc-main .cm__footer {
  padding: 12px 20px;
}

#cc-main .cm__title {
  padding-bottom: 0;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 44px;
}

/* Flatten the vendor's two groups into three equally sized first-banner choices. */
#cc-main .cm--bar.cm--inline .cm__btns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 1fr;
  gap: 8px;
}

#cc-main .cm--bar.cm--inline .cm__btn-group {
  display: contents !important;
}

#cc-main .cm--bar.cm--inline .cm__btn {
  width: 100%;
  margin: 0 !important;
}

/* Keep the first (accept-all) choice dark; the remaining banner choices white. */
#cc-main .cm__btn {
  background: #fff;
  color: #1c1b17;
  border-color: #1c1b17;
}

#cc-main .cm__btn:hover {
  background: #f8f8f7;
  color: #1c1b17;
  border-color: #1c1b17;
}

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

#cc-main .cm__btn[data-role="all"]:hover {
  background: #3c3c3a;
  color: #fff;
  border-color: #3c3c3a;
}

#ir-cookie-settings:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

@media (max-width: 640px) {
  #cc-main .cm {
    max-height: 70vh;
    max-height: 70dvh;
    overflow-y: auto;
  }

  #cc-main .cm__title,
  #cc-main .cm__desc,
  #cc-main .cm__btns,
  #cc-main .cm__footer {
    padding: 8px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #cc-main * {
    transition: none !important;
  }
}