/********** Complianz CSS Moffications for Tecology FSE **********/

/* Ensures the document is displayed at full width */

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
  max-width: 100% !important;
}

/* Container */
.cmplz-cookiebanner {
  background-color: var(--wp--preset--color--base) !important;
  border: 1px solid var(--wp--preset--color--borderline) !important;
}

/* Logo */
.cmplz-cookiebanner .cmplz-logo {
  color: var(--wp--preset--color--contrast) !important;
}
/* Title */
.cmplz-cookiebanner .cmplz-title {
  color: var(--wp--preset--color--contrast) !important;
}
/* Close icon */
.cmplz-cookiebanner .cmplz-close {
  color: var(--wp--preset--color--contrast) !important;
}

/* Message */
.cmplz-cookiebanner .cmplz-message {
  color: var(--wp--preset--color--contrast) !important;
}

/* All buttons */
.cmplz-buttons .cmplz-btn {
  border-radius: var(--button-border-radius) !important;
}
/* Accept button */
.cmplz-btn.cmplz-accept {
  background-color: var(--wp--preset--color--accent) !important;
  border-color: var(--wp--preset--color--accent) !important;
  transition: all 0.3s ease !important;
}

/* Accept button hover*/
.cmplz-btn.cmplz-accept:hover {
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--accent) 90%,
    white
  ) !important;
  color: white !important;
}

/* Deny button */
.cmplz-btn.cmplz-deny,
.cmplz-btn.cmplz-view-preferences,
.cmplz-btn.cmplz-save-preferences {
  background-color: var(--wp--preset--color--base-3) !important;
  border-color: var(--wp--preset--color--base-3) !important;
  color: var(--wp--preset--color--contrast) !important;
  transition: all 0.3s ease !important;
}

/* Deny button hover*/
.cmplz-btn.cmplz-deny:hover,
.cmplz-btn.cmplz-view-preferences:hover,
.cmplz-btn.cmplz-save-preferences:hover {
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--base-3) 95%,
    black
  ) !important;
}

/* Document hyperlinks */
.cmplz-links .cmplz-documents {
  color: var(--wp--preset--color--accent) !important;
}

/* Cookie Banner Links */
.cmplz-cookiebanner .cmplz-links .cmplz-link {
  color: var(--wp--preset--color--accent) !important;
}

/* Categories */
.cmplz-cookiebanner .cmplz-category {
  background-color: var(--wp--preset--color--base-2) !important;
  color: var(--wp--preset--color--contrast) !important;
}
.cmplz-cookiebanner .cmplz-category-title {
  color: var(--wp--preset--color--contrast) !important;
}

/* Cookie Banner category description */
.cmplz-category .cmplz-description {
  color: var(--wp--preset--color--contrast) !important;
}

/* Always Acrive Notice */
.cmplz-always-active {
  color: var(--wp--preset--color--accent) !important;
}

/* Checkbox */
.cmplz-banner-checkbox .cmplz-label:before {
  font-family: inherit;
  background-color: var(--wp--preset--color--base-3) !important;
  border: 1px solid var(--wp--preset--color--borderline) !important;
}

/* Checkbox checked state */
.cmplz-consent-checkbox:checked + .cmplz-label::before {
  background-color: var(--wp--preset--color--accent) !important;
}

/* checkbox focus state */
.cmplz-banner-checkbox
  input.cmplz-consent-checkbox:focus
  + .cmplz-label:before {
  box-shadow: 0 0 0 2px var(--wp--preset--color--accent) !important;
}

/* Cateogry open chevron */

.cmplz-icon.cmplz-open {
  color: var(--wp--preset--color--contrast) !important;
}

.cmplz-icon.cmplz-open svg path {
  fill: var(--wp--preset--color--contrast) !important;
}

/********** Data Request Form **********/

#cmplz-datarequest-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

#cmplz-datarequest-form label {
  font-weight: 600 !important;
  margin-bottom: 5px !important;
}

/* Submit button */
#cmplz-datarequest-submit {
  background-color: var(--wp--preset--color--accent) !important;
  border-color: var(--wp--preset--color--accent) !important;
  border-radius: var(--button-border-radius) !important;
  color: var(--wp--preset--color--base) !important;
  padding: var(--button-padding-y) var(--button-padding-x) !important;
  min-width: 160px !important;
  font-size: 14px !important;
  letter-spacing: 0.05em !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

#cmplz-datarequest-submit:hover {
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--accent) 90%,
    white
  ) !important;
  color: white !important;
}