/* Consent controls share the site's frosted surfaces and pill actions. */
.klaro.klaro-theme-smart_energy_cluster {
  --klaro-primary-color: #7a6fb9;
  --klaro-link-color: #603aaa;
  --klaro-button-bg: rgb(255 255 255 / 40%);
  --klaro-button-text-color: #454545;
  --klaro-button-border: 1px solid white;
  --klaro-button-border-radius: 45px;
  --klaro-button-padding: 16px 24px;
  --klaro-button-font-size: 18px;
  --klaro-button-line-height: 24px;
  --klaro-button-bg-hover: rgb(255 255 255 / 70%);
  --klaro-button-text-color-hover: #454545;
  --klaro-button-border-hover: 1px solid white;
  --klaro-slider-bg-active: #7a6fb9;
  --font-size: 18px;
  --font-family: 'Alpino', sans-serif;
}

.klaro.klaro-theme-smart_energy_cluster .cookie-notice,
.klaro.klaro-theme-smart_energy_cluster .cookie-modal .cm-modal {
  background: rgb(240 223 225 / 65%);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border: 1px solid rgb(255 255 255 / 65%);
  border-radius: 32px;
  box-shadow: 0 12px 40px rgb(69 69 69 / 12%);
  color: #454545;
}

.klaro.klaro-theme-smart_energy_cluster .cookie-notice {
  left: auto;
  right: 24px;
  bottom: 24px;
  width: min(620px, calc(100% - 48px));
  max-width: none;
}

.klaro.klaro-theme-smart_energy_cluster .cookie-notice .cn-body {
  padding: 24px;
}

.klaro.klaro-theme-smart_energy_cluster :is(p, li, label, .cm-purpose, .cm-link) {
  font-size: 18px;
  line-height: 1.45;
}

.klaro.klaro-theme-smart_energy_cluster .cookie-modal .cm-modal {
  width: min(640px, calc(100% - 32px));
  max-width: none;
  margin-inline: auto;
}

.klaro.klaro-theme-smart_energy_cluster .cm-modal :is(.cm-header, .cm-body, .cm-footer) {
  padding: 24px;
}

.klaro.klaro-theme-smart_energy_cluster .cm-btn {
  transition: translate 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
  min-height: 44px;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .klaro.klaro-theme-smart_energy_cluster .cm-btn:hover {
    translate: 0 -3px;
    box-shadow: 0 8px 20px rgb(122 111 185 / 16%);
  }
}

#klaro_toggle_dialog {
  width: auto;
  height: auto;
  padding: 10px 16px;
  border: 1px solid white;
  border-radius: 24px;
  background: rgb(240 223 225 / 65%);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  color: #454545;
  box-shadow: 0 2px 12px rgb(69 69 69 / 15%);
}
#klaro_toggle_dialog::after { content: "Cookie settings"; }
#klaro_toggle_dialog::before { display: none; }

@media (max-width: 640px) {
  .klaro.klaro-theme-smart_energy_cluster .cookie-notice {
    right: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
    border-radius: 24px;
  }
  .klaro.klaro-theme-smart_energy_cluster {
    --klaro-button-padding: 12px 18px;
    --klaro-button-font-size: 16px;
    --klaro-button-line-height: 22px;
  }
  .klaro.klaro-theme-smart_energy_cluster .cookie-notice .cn-body { padding: 20px; }
  .klaro.klaro-theme-smart_energy_cluster .cn-ok { flex-wrap: wrap; gap: 16px; }
}

.klaro.klaro-theme-smart_energy_cluster .cookie-notice .cn-body .cn-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.klaro.klaro-theme-smart_energy_cluster .cookie-notice .cn-body .cn-buttons .cm-btn {
  margin: 0;
}

/* Klaro focuses the dialog itself on open and pointer clicks. */
.klaro.klaro-theme-smart_energy_cluster #klaro-cookie-notice:focus {
  outline: none;
}