/* Cronograf visual layer for the Complianz consent banner. */
.cmplz-cookiebanner {
  background: #fff !important;
  border: 1px solid rgba(22, 38, 95, .12) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(22, 38, 95, .22) !important;
  color: #16265f !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-category-title {
  color: #16265f !important;
  font-weight: 700 !important;
}

.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-description,
.cmplz-cookiebanner .cmplz-always-active {
  color: #26334f !important;
}

.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-link {
  color: #16265f !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.cmplz-cookiebanner .cmplz-buttons {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.cmplz-cookiebanner .cmplz-btn {
  align-items: center !important;
  border: 2px solid #16265f !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(22, 38, 95, .16) !important;
  display: flex !important;
  font-weight: 700 !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: 48px !important;
  padding: 11px 16px !important;
  text-align: center !important;
}

.cmplz-cookiebanner .cmplz-accept,
.cmplz-cookiebanner .cmplz-deny,
.cmplz-cookiebanner .cmplz-save-preferences {
  background: #16265f !important;
  color: #fff !important;
}

.cmplz-cookiebanner .cmplz-view-preferences {
  background: #fff !important;
  color: #16265f !important;
}

.cmplz-cookiebanner .cmplz-btn:hover,
.cmplz-cookiebanner .cmplz-btn:focus-visible {
  box-shadow: 0 10px 24px rgba(22, 38, 95, .28) !important;
  transform: translateY(-1px);
}

.cmplz-cookiebanner .cmplz-consent-checkbox {
  accent-color: #16265f;
}

#cmplz-manage-consent .cmplz-manage-consent {
  align-items: center !important;
  background: #16265f !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  bottom: 16px !important;
  box-shadow: 0 8px 22px rgba(22, 38, 95, .28) !important;
  color: transparent !important;
  display: flex !important;
  font-size: 0 !important;
  height: 46px !important;
  justify-content: center !important;
  left: 16px !important;
  min-width: 46px !important;
  padding: 0 !important;
  right: auto !important;
  width: 46px !important;
  z-index: 2147482000 !important;
}

#cmplz-manage-consent .cmplz-manage-consent::before {
  color: #fff;
  content: "\2699";
  font-size: 22px;
  line-height: 1;
}

@media (max-width: 1024px) {
  .cmplz-cookiebanner {
    bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: calc(100dvh - 100px) !important;
    max-width: calc(100vw - 24px) !important;
    overflow-y: auto !important;
  }

  #cmplz-manage-consent .cmplz-manage-consent {
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important;
  }
}

@media (max-width: 600px) {
  .cmplz-cookiebanner .cmplz-buttons {
    grid-template-columns: 1fr !important;
  }

  .cmplz-cookiebanner .cmplz-btn {
    width: 100% !important;
  }
}