.cc-cro--darkmode {
    --cc-btn-border-radius: 25px;
    --cc-link-color: #d8e5ea;
    --cc-bg: #000f37;
    --cc-primary-color: #d8e5ea;
    --cc-secondary-color: #d8e5ea;
    --cc-btn-primary-bg: #a6c4dd;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #c2dff7;
    --cc-btn-primary-hover-color: #000;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #33383c;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #3e454a;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
    --cc-separator-border-color: #222a30;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: #1e2428;
    --cc-cookie-category-block-bg: #1e2428;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #242c31;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
    --cc-overlay-bg: rgba(0, 0, 0, 0.541);
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: #000f37;
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #222a30;
}
.cc-cro--darkmode #cc-main {
    color-scheme: dark;
}



/*
 * c_cro-darkmode exceptions
 */

/* html.disable--interaction */
html body.cc-cro--darkmode #cc-main .cm-wrapper::before {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
}
html.show--consent body.cc-cro--darkmode #cc-main .cc--anim.cm-wrapper::before {
    opacity: 1;
    visibility: visible;
}

/* bar */
@media screen and (min-width: 640px) {
    html.show--consent body.cc-cro--darkmode #cc-main .cm--bar { padding: 1em 0; }
    html.show--consent body.cc-cro--darkmode #cc-main .cm--bar .cm__body,
    html.show--consent body.cc-cro--darkmode #cc-main .cm--bar .cm__links { max-width: 40em; }
}

/* order buttons necessary/all/settings/save */
html.show--consent body.cc-cro--darkmode #cc-main .cm__btns .cm__btn-group .cm__btn[data-role="necessary"],
html.show--consent body.cc-cro--darkmode #cc-main .pm__footer .pm__btn-group .pm__btn[data-role="necessary"] {
    order: 2;
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__btns .cm__btn-group .cm__btn[data-role="all"],
html.show--consent body.cc-cro--darkmode #cc-main .pm__footer .pm__btn-group .pm__btn[data-role="all"] {
    order: 1;
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__btns .cm__btn-group .cm__btn[data-role="show"],
html.show--consent body.cc-cro--darkmode #cc-main .pm__footer .pm__btn-group .pm__btn[data-role="save"] {
    order: 3;
}

/* button Omitnout - color like cm__btn--secondary  */
html.show--consent body.cc-cro--darkmode #cc-main .cm__btns .cm__btn-group .cm__btn[data-role="necessary"],
html.show--consent body.cc-cro--darkmode #cc-main .pm__footer .pm__btn-group .pm__btn[data-role="necessary"] {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color);
}

/* footer */
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer {
    background: var(--cc-footer-bg);
    border-top: 1px solid var(--cc-footer-border-color);
    color: var(--cc-footer-color);
    padding: 1em 0;
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links {
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group {
    flex-direction: column;
    align-items: center !important;
}
@media screen and (min-width: 640px) {
    html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group {
        flex-direction: row;
        justify-content: space-between !important;
    }
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link {
    background-image: none;
}
@media screen and (min-width: 640px) {
    html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link {
        background-image: linear-gradient(currentColor, currentColor);
        margin-left: 1em;
        text-align: right;
    }
    html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link:first-of-type {
        margin-left: 0;
    }
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link-logotype {
    order: 1;
}
@media screen and (min-width: 640px) {
    html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link-logotype {
        order: initial;
        flex-shrink: 0;
        margin-right: 1em;
    }
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link-logotype--rozhlas {
    background-image: url('https://www.rozhlas.cz/sites/all/themes/custom/e7/images/logo/rozhlas_colored-bg2.svg');
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100px auto;
    width: 100px;
    height: 16px;
}
@media screen and (min-width: 640px) {
    html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link-logotype--rozhlas {
        background-size: 125px auto;
        width: 125px;
        height: 20px;
    }
}
html.show--consent body.cc-cro--darkmode #cc-main .cm__footer .cm__links .cm__link-group .cm__link-logotype span {
    display: none;
}