/* CookieAdmin frontend skin for the Continent theme. */

.cookieadmin_law_container,
.cookieadmin_cookie_modal,
.cookieadmin_re_consent,
#cookieadmin-gpc-toast {
    font-family: var(--font-ui, Inter, Arial, sans-serif) !important;
}

.cookieadmin_law_container {
    right: auto !important;
    bottom: clamp(14px, 2vw, 26px) !important;
    left: clamp(14px, 2vw, 28px) !important;
    width: min(620px, calc(100vw - 28px)) !important;
    color: var(--bone, #e7e3d5) !important;
}

.cookieadmin_consent_inside {
    position: relative;
    overflow: hidden;
    padding: 26px 28px 20px !important;
    border: 1px solid rgba(231, 227, 213, .2) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(115deg, rgba(115, 128, 99, .13), transparent 46%),
        rgba(10, 13, 11, .97) !important;
    color: var(--bone, #e7e3d5) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
    backdrop-filter: blur(18px);
}

.cookieadmin_consent_inside::before {
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, var(--amber, #d59745), rgba(213, 151, 69, .08) 72%, transparent);
}

#cookieadmin_notice_title {
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: var(--bone, #e7e3d5) !important;
    font: 600 26px/.95 var(--font-display, "Barlow Condensed", "Arial Narrow", sans-serif) !important;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.cookieadmin_notice_con {
    padding: 0 !important;
    color: var(--bone-muted, #a5a698) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.cookieadmin_notice_con p {
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
}

.cookieadmin_consent_btns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 22px;
}

button.cookieadmin_btn {
    min-height: 43px;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(231, 227, 213, .24) !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .035) !important;
    color: var(--bone, #e7e3d5) !important;
    font: 600 10px/1 var(--font-mono, "IBM Plex Mono", Consolas, monospace) !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease;
}

button.cookieadmin_btn:hover {
    border-color: rgba(231, 227, 213, .48) !important;
    background: rgba(231, 227, 213, .09) !important;
    opacity: 1 !important;
    transform: translateY(-1px);
}

button.cookieadmin_btn:focus-visible,
button.cookieadmin_close_pref:focus-visible,
button.cookieadmin_re_consent:focus-visible {
    outline: 2px solid var(--amber, #d59745) !important;
    outline-offset: 3px;
}

button.cookieadmin_accept_btn,
button.cookieadmin_save_btn {
    border-color: var(--amber, #d59745) !important;
    background: var(--amber, #d59745) !important;
    color: var(--ink, #0a0d0b) !important;
}

button.cookieadmin_accept_btn:hover,
button.cookieadmin_save_btn:hover {
    border-color: #e2ad67 !important;
    background: #e2ad67 !important;
    color: var(--ink, #0a0d0b) !important;
}

button.cookieadmin_reject_btn {
    border-color: rgba(174, 61, 46, .5) !important;
    color: #d7a096 !important;
}

.cookieadmin_law_container .cookieadmin-poweredby {
    margin-top: 14px !important;
}

.cookieadmin-poweredby a {
    gap: 5px !important;
    color: rgba(231, 227, 213, .42) !important;
    font: 500 8px/1 var(--font-mono, "IBM Plex Mono", Consolas, monospace) !important;
    letter-spacing: .05em;
}

.cookieadmin-poweredby a svg,
.cookieadmin-poweredby a img {
    max-height: 13px !important;
    opacity: .64;
    filter: grayscale(1) brightness(2.1);
}

.cookieadmin_modal_overlay {
    background: rgba(4, 7, 5, .78) !important;
    backdrop-filter: blur(8px);
}

.cookieadmin_cookie_modal {
    overflow: hidden;
    border: 1px solid rgba(231, 227, 213, .2) !important;
    border-radius: 0 !important;
    background: rgba(10, 13, 11, .985) !important;
    color: var(--bone, #e7e3d5) !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .62) !important;
}

.cookieadmin_cookie_modal.cookieadmin_center {
    top: 50% !important;
    left: 50% !important;
    width: min(780px, calc(100vw - 36px)) !important;
    max-width: none !important;
    max-height: min(84vh, 780px) !important;
    transform: translate(-50%, -50%);
}

.cookieadmin_cookie_modal.cookieadmin_side {
    width: min(530px, 100vw) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}

.cookieadmin_cookie_modal.cookieadmin_down {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: 72vh !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}

.cookieadmin_mod_head {
    align-items: center;
    padding: 24px 26px 21px !important;
    border-bottom: 1px solid rgba(231, 227, 213, .13) !important;
    background: linear-gradient(90deg, rgba(115, 128, 99, .12), transparent 62%);
}

.cookieadmin_preference_title {
    margin: 0 !important;
    color: var(--bone, #e7e3d5) !important;
    font: 600 30px/.95 var(--font-display, "Barlow Condensed", "Arial Narrow", sans-serif) !important;
    letter-spacing: .02em;
    text-transform: uppercase;
}

button.cookieadmin_close_pref {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(231, 227, 213, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bone-muted, #a5a698) !important;
    font: 400 17px/1 var(--font-mono, "IBM Plex Mono", Consolas, monospace) !important;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

button.cookieadmin_close_pref:hover {
    border-color: var(--amber, #d59745) !important;
    background: rgba(213, 151, 69, .08) !important;
    color: var(--bone, #e7e3d5) !important;
}

.cookieadmin_preference {
    padding: 0 !important;
    color: var(--bone-muted, #a5a698) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    scrollbar-color: rgba(213, 151, 69, .7) rgba(231, 227, 213, .05);
}

.cookieadmin_details_wrapper {
    padding: 20px 26px 8px !important;
    scrollbar-color: rgba(213, 151, 69, .7) rgba(231, 227, 213, .05);
}

.cookieadmin_preference_details {
    padding: 0 0 18px !important;
    color: #bfc1b6 !important;
}

.cookieadmin_preference_details p {
    margin: 0 !important;
    color: inherit !important;
}

.cookieadmin_types {
    padding: 18px 0 !important;
    border-top: 1px solid rgba(231, 227, 213, .12) !important;
}

.cookieadmin_header {
    gap: 18px;
    align-items: center;
}

.cookieadmin_header > span > label,
.cookieadmin_show_pref_cookies {
    color: var(--bone, #e7e3d5) !important;
    font: 600 14px/1.2 var(--font-ui, Inter, Arial, sans-serif) !important;
}

.cookieadmin_show_pref_cookies {
    font-family: var(--font-mono, "IBM Plex Mono", Consolas, monospace) !important;
    font-size: 12px !important;
}

.cookieadmin_desc {
    padding: 11px 52px 0 20px !important;
    color: var(--bone-muted, #a5a698) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.cookieadmin_remark,
.cookieadmin_showmore {
    color: var(--amber, #d59745) !important;
    font: 600 9px/1 var(--font-mono, "IBM Plex Mono", Consolas, monospace) !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.cookieadmin_toggle {
    width: 40px !important;
    height: 22px !important;
}

.cookieadmin_slider {
    width: 40px !important;
    height: 22px !important;
    border: 1px solid rgba(231, 227, 213, .22) !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .1) !important;
}

.cookieadmin_slider::before {
    bottom: 4px !important;
    left: 4px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 0 !important;
    background: var(--bone-muted, #a5a698) !important;
}

.cookieadmin_toggle input:checked + .cookieadmin_slider,
.cookieadmin_toggle input:disabled + .cookieadmin_slider {
    border-color: var(--amber, #d59745) !important;
    background: rgba(213, 151, 69, .24) !important;
}

.cookieadmin_toggle input:checked + .cookieadmin_slider::before {
    background: var(--amber, #d59745) !important;
    transform: translateX(18px) !important;
}

.cookieadmin-modal-cookies-list {
    margin: 12px 0 2px 20px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(231, 227, 213, .1);
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .025);
    color: var(--bone-muted, #a5a698) !important;
    text-align: left !important;
}

.cookieadmin-cookie-card {
    margin: 8px 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(231, 227, 213, .12) !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .025) !important;
    color: var(--bone-muted, #a5a698) !important;
    box-shadow: none !important;
    font-family: var(--font-ui, Inter, Arial, sans-serif) !important;
}

.cookieadmin-cookie-name,
.cookieadmin-cookie-duration,
.cookieadmin-cookie-description {
    color: inherit !important;
}

.cookieadmin-tag {
    border-radius: 0 !important;
    background: rgba(213, 151, 69, .14) !important;
    color: var(--amber, #d59745) !important;
}

.cookieadmin_modal_footer {
    display: flex !important;
    gap: 8px;
    align-items: center;
    padding: 16px 20px !important;
    border-top: 1px solid rgba(231, 227, 213, .13) !important;
    background: rgba(4, 7, 5, .72);
}

.cookieadmin_modal_footer .cookieadmin_btn {
    flex: 0 1 auto !important;
}

.cookieadmin_modal_footer_links {
    align-items: center;
    margin: 0 !important;
    padding: 0 20px 15px;
    color: var(--bone-muted, #a5a698) !important;
}

.cookieadmin_policy_link_box,
.cookieadmin_modal_policy_link_box {
    gap: 12px;
    justify-content: flex-start !important;
    color: var(--bone-muted, #a5a698) !important;
    font: 500 9px/1.4 var(--font-mono, "IBM Plex Mono", Consolas, monospace) !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cookieadmin_policy_link_box a,
.cookieadmin_modal_policy_link_box a {
    color: var(--amber, #d59745) !important;
    text-underline-offset: 3px;
}

button.cookieadmin_re_consent {
    display: none;
    bottom: 20px !important;
    left: 20px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 8px !important;
    border: 1px solid rgba(213, 151, 69, .7) !important;
    border-radius: 0 !important;
    background: rgba(10, 13, 11, .94) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .42) !important;
    transform: rotate(45deg);
    transition: background-color .2s ease, transform .2s ease;
}

button.cookieadmin_re_consent:hover {
    background: rgba(213, 151, 69, .16) !important;
    transform: rotate(45deg) scale(1.05);
}

button.cookieadmin_re_consent .cookieadmin_reconsent_img {
    width: 26px !important;
    height: 26px !important;
    filter: grayscale(1) brightness(2.2);
    transform: rotate(-45deg);
}

#cookieadmin-gpc-toast {
    border: 1px solid rgba(231, 227, 213, .18);
    border-radius: 0 !important;
    background: rgba(10, 13, 11, .96) !important;
    color: var(--bone, #e7e3d5) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .44) !important;
}

@media (max-width: 767px) {
    .cookieadmin_law_container {
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }

    .cookieadmin_consent_inside {
        padding: 23px 20px 17px !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
    }

    #cookieadmin_notice_title { font-size: 23px !important; }
    .cookieadmin_notice_con { font-size: 12px !important; }

    .cookieadmin_cookie_modal.cookieadmin_center {
        top: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        width: auto !important;
        max-height: none !important;
        transform: none;
    }

    .cookieadmin_mod_head { padding: 19px 18px 17px !important; }
    .cookieadmin_preference_title { max-width: calc(100% - 48px); font-size: 25px !important; }
    .cookieadmin_details_wrapper { padding: 17px 18px 6px !important; }
    .cookieadmin_desc { padding-right: 0 !important; }

    .cookieadmin_modal_footer {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        padding: 12px !important;
    }

    .cookieadmin_modal_footer .cookieadmin_save_btn,
    .cookieadmin_modal_footer .cookieadmin_accept_btn {
        grid-column: auto;
    }

    .cookieadmin_modal_footer_links { padding: 0 12px 12px; }
}

@media (max-width: 480px) {
    .cookieadmin_consent_btns { grid-template-columns: 1fr 1fr; }
    .cookieadmin_consent_inside .cookieadmin_btn { width: auto !important; }
    .cookieadmin_consent_btns .cookieadmin_accept_btn { grid-column: 1 / 3; }
    .cookieadmin_modal_footer { grid-template-columns: 1fr; }
    .cookieadmin_modal_footer .cookieadmin_btn { width: 100% !important; }
    .cookieadmin_modal_footer_links { display: grid !important; gap: 12px; }
    .cookieadmin_modal_footer .cookieadmin-poweredby a { justify-content: flex-start !important; }
}

@media (prefers-reduced-motion: reduce) {
    .cookieadmin_cookie_modal,
    button.cookieadmin_btn,
    button.cookieadmin_re_consent { animation: none !important; transition: none !important; }
}
