/* Herbatica.cz - cookie banner */
.siteCookies.js-siteCookies {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(13, 20, 28, .56) !important;
    box-sizing: border-box !important;
    opacity: 0;
    transform: none !important;
    transition: opacity .16s ease;
}

.siteCookies.js-siteCookies.hb-cookie-ready {
    opacity: 1;
}

.siteCookies.js-siteCookies.hb-cookie-suspended {
    display: none !important;
}

.siteCookies.js-siteCookies .siteCookies__form {
    width: min(600px, 100%) !important;
    max-width: 600px !important;
    margin: 0 !important;
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    color: #17233a !important;
    background: #fff !important;
    border: 1px solid rgba(9, 31, 61, .08) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgba(9, 31, 61, .24) !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.siteCookies.js-siteCookies .siteCookies__content {
    order: 2;
    width: 100% !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    color: #17233a !important;
    background: transparent !important;
    text-align: left !important;
}

.siteCookies.js-siteCookies .siteCookies__text {
    margin: 0 !important;
    padding: 0 !important;
    color: #17233a !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

.siteCookies.js-siteCookies .siteCookies__text a {
    color: #17233a !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.siteCookies.js-siteCookies .hb-cookie-reject,
.siteCookies.js-siteCookies .hb-cookie-settings {
    width: fit-content !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #17233a !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.siteCookies.js-siteCookies .hb-cookie-reject {
    order: 1;
    align-self: flex-start !important;
    margin-bottom: 22px !important;
}

.siteCookies.js-siteCookies .hb-cookie-accept {
    order: 3;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 14px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    background: #151515 !important;
    border: 1px solid #151515 !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12) !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.siteCookies.js-siteCookies .hb-cookie-settings {
    order: 4;
    align-self: center !important;
    margin-top: 16px !important;
}

.siteCookies.js-siteCookies .hb-cookie-reject:hover,
.siteCookies.js-siteCookies .hb-cookie-reject:focus-visible,
.siteCookies.js-siteCookies .hb-cookie-settings:hover,
.siteCookies.js-siteCookies .hb-cookie-settings:focus-visible {
    color: #2fa474 !important;
}

.siteCookies.js-siteCookies .siteCookies__form > :not(.siteCookies__content):not(.hb-cookie-reject):not(.hb-cookie-accept):not(.hb-cookie-settings) {
    display: none !important;
}

body.hb-cookie-settings-active #cboxOverlay {
    z-index: 100001 !important;
    display: block !important;
    background: rgba(13, 20, 28, .56) !important;
    opacity: 1 !important;
}

body.hb-cookie-settings-active #colorbox {
    z-index: 100002 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgba(9, 31, 61, .24) !important;
}

body.hb-cookie-settings-active #cboxWrapper,
body.hb-cookie-settings-active #cboxContent,
body.hb-cookie-settings-active .content-modal,
body.hb-cookie-settings-active .content-inner,
body.hb-cookie-settings-active .cookiesSetting,
body.hb-cookie-settings-active .cookiesSetting__form {
    border-radius: 20px !important;
}

body.hb-cookie-settings-active #cboxContent,
body.hb-cookie-settings-active .content-modal,
body.hb-cookie-settings-active .content-inner,
body.hb-cookie-settings-active .cookiesSetting,
body.hb-cookie-settings-active .cookiesSetting__form {
    background: #fff !important;
}

@media (max-width: 640px) {
    .siteCookies.js-siteCookies {
        padding: 16px !important;
    }

    .siteCookies.js-siteCookies .siteCookies__form {
        padding: 26px 22px 24px !important;
        border-radius: 18px !important;
    }

    .siteCookies.js-siteCookies .siteCookies__content {
        margin-bottom: 24px !important;
    }

    .siteCookies.js-siteCookies .siteCookies__text,
    .siteCookies.js-siteCookies .hb-cookie-accept {
        font-size: 15px !important;
    }

    .siteCookies.js-siteCookies .hb-cookie-reject,
    .siteCookies.js-siteCookies .hb-cookie-settings {
        font-size: 14px !important;
    }

    body.hb-cookie-settings-active #colorbox,
    body.hb-cookie-settings-active #cboxWrapper,
    body.hb-cookie-settings-active #cboxContent,
    body.hb-cookie-settings-active .content-modal,
    body.hb-cookie-settings-active .content-inner,
    body.hb-cookie-settings-active .cookiesSetting,
    body.hb-cookie-settings-active .cookiesSetting__form {
        border-radius: 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .siteCookies.js-siteCookies {
        transition: none !important;
    }
}