@import url('/styles/cookieconsent.css');

:root {
    --cookie-shadow-modern: 0 20px 40px -28px rgba(18, 19, 22, 0.35);
    --cookie-shadow-retro: 8px 8px 0 rgba(0, 0, 0, 0.72);
}

#cc-main {
    --cc-font-family: 'Instrument Sans', sans-serif;
    --cc-modal-border-radius: 1.1rem;
    --cc-btn-border-radius: 0.9rem;
    --cc-modal-transition-duration: 0.2s;
}

body[data-site-theme="modern"] #cc-main {
    --cc-bg: rgba(255, 255, 255, 0.96);
    --cc-primary-color: #121316;
    --cc-secondary-color: #5a5f66;
    --cc-btn-primary-bg: #0b6b6a;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #0b6b6a;
    --cc-btn-primary-hover-bg: #085c5b;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #085c5b;
    --cc-btn-secondary-bg: #f2efe8;
    --cc-btn-secondary-color: #121316;
    --cc-btn-secondary-border-color: #e6e2da;
    --cc-btn-secondary-hover-bg: #e8e2d7;
    --cc-btn-secondary-hover-color: #121316;
    --cc-btn-secondary-hover-border-color: #d8d1c4;
    --cc-separator-border-color: #ece7de;
    --cc-cookie-category-block-bg: #f7f4ee;
    --cc-cookie-category-block-border: #ece7de;
    --cc-cookie-category-block-hover-bg: #f2ece1;
    --cc-cookie-category-block-hover-border: #e4dccd;
    --cc-toggle-on-bg: #0b6b6a;
    --cc-toggle-off-bg: #7b8188;
    --cc-toggle-readonly-bg: #d9e7e7;
    --cc-footer-bg: #f7f4ee;
    --cc-footer-color: #5a5f66;
    --cc-footer-border-color: #ece7de;
}

body[data-site-theme="modern"] #cc-main .cm,
body[data-site-theme="modern"] #cc-main .pm {
    backdrop-filter: blur(18px);
    box-shadow: var(--cookie-shadow-modern);
}

body[data-site-theme="retro"] #cc-main,
body[data-retro-variant="cli"] #cc-main {
    --cc-font-family: 'IBM Plex Mono', monospace;
    --cc-bg: #101010;
    --cc-primary-color: #f6efe7;
    --cc-secondary-color: #d4c2b2;
    --cc-btn-primary-bg: #ff6b35;
    --cc-btn-primary-color: #111111;
    --cc-btn-primary-border-color: #ff6b35;
    --cc-btn-primary-hover-bg: #ff8457;
    --cc-btn-primary-hover-color: #111111;
    --cc-btn-primary-hover-border-color: #ff8457;
    --cc-btn-secondary-bg: #1d1d1d;
    --cc-btn-secondary-color: #f6efe7;
    --cc-btn-secondary-border-color: #ff6b35;
    --cc-btn-secondary-hover-bg: #292929;
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-btn-secondary-hover-border-color: #ff8457;
    --cc-separator-border-color: #2b2b2b;
    --cc-cookie-category-block-bg: #171717;
    --cc-cookie-category-block-border: #2b2b2b;
    --cc-cookie-category-block-hover-bg: #202020;
    --cc-cookie-category-block-hover-border: #ff6b35;
    --cc-toggle-on-bg: #ff6b35;
    --cc-toggle-off-bg: #6a6a6a;
    --cc-toggle-readonly-bg: #383838;
    --cc-footer-bg: #141414;
    --cc-footer-color: #d4c2b2;
    --cc-footer-border-color: #2b2b2b;
    --cc-modal-border-radius: 0;
    --cc-btn-border-radius: 0;
}

body[data-site-theme="retro"] #cc-main .cm,
body[data-site-theme="retro"] #cc-main .pm,
body[data-retro-variant="cli"] #cc-main .cm,
body[data-retro-variant="cli"] #cc-main .pm {
    border: 2px solid #ff6b35;
    box-shadow: var(--cookie-shadow-retro);
}

body[data-site-theme="retro"] #cc-main .cm__title,
body[data-site-theme="retro"] #cc-main .pm__title,
body[data-retro-variant="cli"] #cc-main .cm__title,
body[data-retro-variant="cli"] #cc-main .pm__title {
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    min-height: 46px;
}

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

#cc-main .pm__section-title,
#cc-main .pm__service-title {
    font-weight: 600;
}

.cookie-settings-link {
    color: inherit;
    cursor: pointer;
}

.cookie-settings-link:focus {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}