/* Didomi Cookie Consent Popup Styles */

body #didomi-host * {
  font-family: inherit;
  color: var(--color-foreground, #25282C);
}

body #didomi-host p {
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

body #didomi-host .didomi-popup-notice-optin-type,
#didomi-host .didomi-popup-container {
  max-width: 520px !important;
}

body #didomi-host .didomi-notice-data-processing-title {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500 !important;
  margin-bottom: var(--spacing-xs, 0.25rem);
}

body .didomi-continue-without-agreeing {
  font-size: 12px !important;
  color: var(--color-muted, #5D636A) !important;
}

body #didomi-host .didomi-notice-data-processing-title {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body #didomi-host .didomi-notice-data-processing-list {
  color: var(--color-muted, #5D636A) !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body #didomi-host .didomi-popup-container {
  border-radius: var(--radius-l, 16px);
  border: none;
}

body #didomi-host .didomi-exterior-border {
  border: none;
  padding: 16px;
}

body #didomi-host .didomi-popup-backdrop {
  background-color: var(--color-overlay-backdrop, rgba(0, 0, 0, 0.3));
}

body #didomi-host .didomi-popup-notice-optin-type .didomi-popup-notice-buttons .didomi-components-button {
  flex: 1;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons {
  gap: var(--spacing-s, 0.5rem);
  margin-top: var(--spacing-m, 1rem) !important;
  flex-direction: column-reverse !important;
  position: sticky;
  bottom: var(--spacing-m, 1rem);
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons:before {
  content: "";
  position: absolute;
  left: -25px;
  right: -25px;
  top: var(--spacing-m, 1rem);
  bottom: calc(-1 * var(--spacing-m, 1rem));
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 100%));
  z-index: -1;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button {
  margin-right: 0 !important;
  margin-top: 0 !important;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button {
  flex: 1;
  width: 100%;
  border-radius: var(--radius-m, 8px) !important;
  border: none !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  line-height: 230% !important;
  font-size: 18px !important;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button.standard-button {
  background-color: var(--color-background-gray, #F4F4F5) !important;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button.standard-button:hover {
  background-color: var(--color-background-dark, #E9EAEC) !important;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button.highlight-button {
  background-color: var(--color-primary, #0078FA) !important;
}

body #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button.highlight-button:hover {
  background-color: var(--color-primary-darken, #0060C7) !important;
}

body #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree {
  background-color: var(--color-success, #20A153) !important;
}

body #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree:hover {
  background-color: var(--color-success-darken, #198042) !important;
}

body #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree * {
  color: var(--color-on-color, #FFFFFF);
}

body #didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree {
  background-color: var(--color-danger, #E72323) !important;
}

body #didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree:hover {
  background-color: var(--color-danger-darken, #C11515) !important;
}

body #didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree * {
  color: var(--color-on-color, #FFFFFF);
}

body #didomi-host .didomi-components-radio__option {
  background-color: var(--color-background-gray, #F4F4F5) !important;
  color: var(--color-foreground, #25282C);
  box-shadow: none;
  font-weight: 500 !important;
}

body #didomi-host .didomi-components-radio__option * {
  color: var(--color-foreground, #25282C);
}

body #didomi-host .didomi-components-radio__option:hover {
  background-color: var(--color-background-dark, #D2D6DA) !important;
}

body #didomi-host .didomi-mobile .didomi-components-accordion {
  flex: 1 !important;
}

body #didomi-host .didomi-components-radio__option {
  border-radius: var(--radius-m, 8px) !important;
  border: none !important;
}

body #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing {
  border-bottom: solid 1px var(--color-border, #E9EAEC);
  padding-bottom: var(--spacing-m, 1rem);
  margin-bottom: var(--spacing-m, 1rem);
  flex-direction: row !important;
}

body #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing .label-button-section {
  width: inherit !important;
}

body #didomi-host .didomi-components-accordion .didomi-components-accordion-label-container .label-click {
  display: flex;
  align-items: center;
  gap: var(--spacing-m, 1rem);
  font-weight: 500 !important;
}

body #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing-illustrations {
  border-radius: var(--radius-ml, 12px);
  border: none;
  background-color: var(--color-background-gray, #F4F4F5);
}

body #didomi-host .didomi-popup-footer {
  background-color: inherit !important;
}