/* ============================================================
   COOKIE CONSENT
   Used both on main site and legal pages
   ============================================================ */

.vd-cookie-banner {
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2147483000;

    padding: 15px 20px;

    border-top: 1px solid #dedfe1;

    background: rgba(255,255,255,.985);

    box-shadow:
        0 -12px 38px rgba(0,0,0,.09);

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #121416;
}


.vd-cookie-inner {
    width: min(944px, 100%);

    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;

    align-items: center;

    gap: 34px;
}


.vd-cookie-copy {
    min-width: 0;
}


.vd-cookie-copy strong {
    display: block;

    margin: 0 0 4px;

    color: #121416;

    font-size: 13px;
    line-height: 1.25;

    font-weight: 900;
}


.vd-cookie-copy p {
    max-width: 620px;

    margin: 0;

    color: #6d7378;

    font-size: 10px;
    line-height: 1.45;
}


.vd-cookie-copy a {
    color: #e30613;

    font-weight: 700;

    text-decoration: underline;
    text-underline-offset: 2px;
}


.vd-cookie-actions {
    display: flex;
    align-items: center;

    gap: 9px;

    flex-shrink: 0;
}


.vd-cookie-actions button {
    min-width: 0;
    height: 40px;

    margin: 0;
    padding: 0 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    appearance: none;
    -webkit-appearance: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;
    line-height: 1;

    font-weight: 800;

    cursor: pointer;

    white-space: nowrap;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}


.vd-cookie-actions button:active {
    transform: translateY(1px);
}


.vd-cookie-secondary {
    border: 1px solid #d5d7d9;

    background: #fff;

    color: #272b2f;
}


.vd-cookie-secondary:hover {
    border-color: #aeb2b5;

    background: #f6f6f5;
}


.vd-cookie-primary {
    border: 1px solid #e30613;

    background: #e30613;

    color: #fff;
}


.vd-cookie-primary:hover {
    border-color: #c9000b;

    background: #c9000b;
}


/* visual response when Settings button is clicked
   while the banner is already open */

.vd-cookie-banner.vd-cookie-attention {
    animation:
        vd-cookie-attention .42s ease;
}


@keyframes vd-cookie-attention {

    0% {
        box-shadow:
            0 -12px 38px rgba(0,0,0,.09);
    }

    45% {
        box-shadow:
            0 -13px 45px rgba(227,6,19,.22);
    }

    100% {
        box-shadow:
            0 -12px 38px rgba(0,0,0,.09);
    }

}


/* ============================================================
   COOKIE SETTINGS BUTTON ON POLICY PAGE
   ============================================================ */

#cookie-consent-reset,
[data-open-cookie-settings] {
    cursor: pointer;
}


.legal-cookie-reset {
    min-height: 43px;

    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e30613;
    border-radius: 7px;

    appearance: none;
    -webkit-appearance: none;

    background: #fff;

    color: #e30613;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;
    line-height: 1;

    font-weight: 800;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease;
}


.legal-cookie-reset:hover {
    background: #e30613;

    color: #fff;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .vd-cookie-banner {
        padding:
            15px
            max(14px, env(safe-area-inset-right))
            calc(15px + env(safe-area-inset-bottom))
            max(14px, env(safe-area-inset-left));
    }


    .vd-cookie-inner {
        display: block;
    }


    .vd-cookie-copy strong {
        font-size: 13px;
    }


    .vd-cookie-copy p {
        font-size: 10px;
    }


    .vd-cookie-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;

        margin-top: 13px;
    }


    .vd-cookie-actions button {
        width: 100%;

        padding: 0 10px;
    }

}