/* UKMC Steuerkompass — Cookie-Banner Theme
 * Override für vanilla-cookieconsent v3
 * Brand: Navy #0F2940 / Orange #E85D25 / Cream #FBFAF7
 */

#cc-main {
  --cc-font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --cc-bg: #ffffff;
  --cc-primary-color: #1F2D3D;
  --cc-secondary-color: #6B7A8C;

  --cc-btn-primary-bg: #E85D25;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #E85D25;
  --cc-btn-primary-hover-bg: #D14D18;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #D14D18;

  --cc-btn-secondary-bg: #F6F4EF;
  --cc-btn-secondary-color: #0F2940;
  --cc-btn-secondary-border-color: #E6E8EC;
  --cc-btn-secondary-hover-bg: #EEF0F3;
  --cc-btn-secondary-hover-color: #0F2940;
  --cc-btn-secondary-hover-border-color: #E6E8EC;

  --cc-separator-border-color: #E6E8EC;

  --cc-toggle-on-bg: #E85D25;
  --cc-toggle-off-bg: #6B7A8C;
  --cc-toggle-readonly-bg: #C9CDD3;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;

  --cc-cookie-category-block-bg: #FBFAF7;
  --cc-cookie-category-block-border: #E6E8EC;
  --cc-cookie-category-block-hover-bg: #F6F4EF;
  --cc-cookie-category-block-hover-border: #E6E8EC;
  --cc-cookie-category-expanded-block-bg: #FFFFFF;
  --cc-cookie-category-expanded-block-hover-bg: #FBFAF7;

  --cc-overlay-bg: rgba(15, 41, 64, 0.55);

  --cc-modal-border-radius: 18px;
  --cc-btn-border-radius: 10px;
  --cc-pm-toggle-border-radius: 999px;
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 24px 48px -12px rgba(15, 41, 64, 0.18), 0 4px 12px -4px rgba(15, 41, 64, 0.08);
  border: 1px solid #E6E8EC;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.018em;
  font-weight: 700;
  color: #0F2940;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  color: #1F2D3D;
  line-height: 1.55;
}

#cc-main .cm__desc a,
#cc-main .pm__section-desc a,
#cc-main .cm__footer a,
#cc-main .pm__section-title a {
  color: #E85D25;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

#cc-main .cm__desc a:hover,
#cc-main .pm__section-desc a:hover {
  color: #D14D18;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 600;
  letter-spacing: -0.005em;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#cc-main .cm__btn[data-role="all"],
#cc-main .pm__btn[data-role="all"] {
  box-shadow: 0 8px 20px -8px rgba(232, 93, 37, .55);
}

#cc-main .cm__btn[data-role="all"]:hover,
#cc-main .pm__btn[data-role="all"]:hover {
  transform: translateY(-1px);
}

#cc-main .pm__badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  background: #FFE1D1;
  color: #B8430F;
  font-size: 11px;
  font-weight: 600;
  border-radius: 999px;
  letter-spacing: 0;
  vertical-align: middle;
}

#cc-main .cm--box.cm--bottom-right {
  margin: 16px;
}

@media (max-width: 640px) {
  #cc-main .cm--box.cm--bottom-right,
  #cc-main .cm--box.cm--wide {
    margin: 12px;
    max-width: calc(100vw - 24px);
  }
  #cc-main .cm__btns {
    flex-direction: column;
    gap: 8px;
  }
  #cc-main .cm__btn,
  #cc-main .pm__btn {
    width: 100%;
  }
}