.cc--darkmode {
  --cc-bg: #d3d5d6;
  --cc-primary-color: #242c31;
  --cc-secondary-color: #242c31;
  --cc-btn-primary-bg: #ffffff;
  --cc-btn-primary-border-color: #242c31;
  --cc-footer-color: #ffffff;
}

#cc-main .pm__footer .pm__btn[data-role="all"],
#cc-main .pm__footer .pm__btn[data-role="necessary"],
#cc-main .cm__btn {
  color: #242c31;
}

#cc-main .pm__btn--secondary,
#cc-main .pm__section--expandable .pm__section-title,
#cc-main .cm__btn--secondary {
  color: #ffffff;
}

#cc-main .pm__footer .pm__btn[data-role="all"]:hover,
#cc-main .cc--anim .cm__btn[data-role="all"]:hover {
  background: #ffffff !important;
  color: #00aa00 !important;
  border-color: #00aa00 !important;
}

#cc-main .pm__footer .pm__btn[data-role="necessary"],
#cc-main .cc--anim .cm__btn[data-role="necessary"] {
  background: var(--cc-btn-primary-bg) !important;
  color: #242c31 !important;
  border-color: var(--cc-btn-primary-border-color) !important;
}

#cc-main .pm__btn--secondary {
  color: #ffffff !important;
}

#cc-main .pm__footer .pm__btn[data-role="necessary"]:hover,
#cc-main .cc--anim .cm__btn[data-role="necessary"]:hover {
  background: #ffffff !important;
  color: #c00 !important;
  border-color: #c00 !important;
}

#cc-main a:hover {
  color: #ffffff;
}

#cc-main .pm .pm__body {
  background: #eaeaea;
}

#cc-main .toggle__icon-on svg,
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg,
#cc-main .toggle__icon-off svg,
#cc-main .pm__section--expandable .pm__section-arrow svg,
#cc-main .pm__close-btn svg {
  stroke: #fff;
}

#cc-main .toggle__icon {
  background: #fff;
}

#cc-main .section__toggle ~ .toggle__icon .toggle__icon-circle {
  background: #c00;
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  background: #00aa00;
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  background: #1e2428;
}

#cc-main .pm__section:not(:first-child):hover {
  background: initial;
  border-color: initial;
}

#cc-main .cc__link {
  color: #c00;
}

  #cc-main .cc__link:hover {
    color: #c00;
  }

#cc-main .cm__link-group .cc__link {
  color: #fff;
}

  #cc-main .cm__link-group .cc__link:hover {
    color: #fff;
  }

.show--consent .cc-background-before-click {
  width: 100%;
  height: 100%;
  background-color: rgba(45, 41, 38, 0.5) !important;
  bottom: 0;
}

#cc-main .pm__service-title {

  width: 33% !important;

}

#cc-main .pm__section-services .pm__service-desc {
  color: silver;
}

@media (max-width: 600px) {
  /* cijeli red usluge može se prelomiti u 2 reda */
  #cc-main .pm__service-title {
    width: 100% !important;
  }

  /* opis ide ispod, preko cijele širine */
  #cc-main .pm__section-services .pm__service-desc {
    position: absolute;
    margin-top: 40px;
    margin-left: 35px;
  }

  #cc-main .pm__section-desc-wrapper > :not(:last-child) {
    border-bottom: 1px solid var(--cc-cookie-category-block-border);
    height: 285px;
  }

  #cc-main .pm__service {
   margin-bottom: 15px !important;
  }
}