/* LEGAL PAGES */

.yes-legal-page {
    background: #081c34 !important;
    color: #dbe6f4;
}

.yes-legal-content {
    direction: rtl;

    width: min(900px, calc(100% - 36px));

    margin: 55px auto 90px;

    padding: clamp(28px, 5vw, 58px);

    border:
        1px solid rgba(113,163,242,.20);

    border-radius: 25px;

    background:
        linear-gradient(
            145deg,
            rgba(13,43,85,.72),
            rgba(7,28,52,.97)
        );

    box-shadow:
        0 30px 80px rgba(0,0,0,.22);

    color: #cbd8e8;
}

.yes-legal-content h1,
.yes-legal-content h2 {

    color: #fff !important;

    font-family:
        Heebo,
        Arial,
        sans-serif !important;
}

.yes-legal-content h1 {
    font-size:
        clamp(2.2rem, 6vw, 4rem);

    margin-bottom: 10px;
}

.yes-legal-content h2 {

    margin-top: 42px;

    font-size:
        clamp(1.35rem, 3vw, 2rem);
}

.yes-legal-content p,
.yes-legal-content li {

    color: #bdcbdb;

    line-height: 1.9;
}

.yes-legal-content a {
    color: #71a3f2 !important;
}

.yes-legal-updated {
    color: #8097b2 !important;
}


/* FOOTER LEGAL LINKS */

.yes-legal-links {

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

    gap: 20px;

    padding:
        17px 25px;

    color: #8299b4;

    background: #030f1e;

    border-top:
        1px solid rgba(113,163,242,.10);

    font-family:
        Heebo,
        Arial,
        sans-serif;
}

.yes-legal-links a,
.yes-legal-links button {

    border: 0;
    padding: 0;

    color: #96aac1 !important;

    background: transparent;

    text-decoration: none;

    font: inherit;
    font-size: 13px;

    cursor: pointer;
}

.yes-legal-links a:hover,
.yes-legal-links button:hover {

    color: #71a3f2 !important;
}


/* SKIP LINK */

.yes-skip-link {

    position: fixed;

    top: 8px;
    right: 8px;

    z-index: 1000000;

    transform:
        translateY(-160%);

    padding:
        11px 17px;

    border-radius: 8px;

    background: #fff;

    color: #081c34 !important;

    font-weight: 800;
}

.yes-skip-link:focus {

    transform:
        translateY(0);
}


/* ACCESSIBILITY */

.yes-a11y-button {

    position: fixed;

    right: 18px;
    bottom: 18px;

    z-index: 99990;

    border:
        1px solid rgba(113,163,242,.40);

    border-radius:
        999px;

    padding:
        11px 16px;

    background:
        #0d2b55;

    color: white;

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

    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 15px 40px rgba(0,0,0,.25);
}

.yes-a11y-panel {

    position: fixed;

    right: 18px;
    bottom: 72px;

    width: min(310px, calc(100vw - 32px));

    z-index: 99991;

    padding: 18px;

    border:
        1px solid rgba(113,163,242,.30);

    border-radius: 18px;

    background: #081c34;

    box-shadow:
        0 25px 70px rgba(0,0,0,.40);

    font-family:
        Heebo,
        Arial,
        sans-serif;
}

.yes-a11y-head {

    display: flex;
    justify-content: space-between;
    align-items: center;

    color: white;

    margin-bottom: 13px;
}

.yes-a11y-head button {

    border: 0;
    background: transparent;
    color: white;

    font-size: 24px;
    cursor: pointer;
}

.yes-a11y-panel > button {

    display: block;

    width: 100%;

    margin: 7px 0;

    padding:
        10px 12px;

    text-align: right;

    border:
        1px solid rgba(113,163,242,.17);

    border-radius: 10px;

    color: #dbe6f4;

    background:
        #0b2442;

    font-family: inherit;

    cursor: pointer;
}

.yes-a11y-statement {

    display: block;

    margin-top: 13px;

    color: #71a3f2 !important;

    text-align: center;
}


/* A11Y STATES */

body.yes-a11y-large {
    font-size: 120% !important;
}

body.yes-a11y-contrast {

    filter:
        contrast(1.25);
}

body.yes-a11y-links a {

    text-decoration:
        underline !important;

    text-decoration-thickness:
        2px !important;

    text-underline-offset:
        4px !important;
}

body.yes-a11y-motion *,
body.yes-a11y-motion *::before,
body.yes-a11y-motion *::after {

    animation:
        none !important;

    transition:
        none !important;

    scroll-behavior:
        auto !important;
}


/* FOCUS */

.yesc-site a:focus-visible,
.yesc-site button:focus-visible,
.yesc-site input:focus-visible,
.yesc-site textarea:focus-visible,
.yesc-site select:focus-visible,
.yes-legal-links button:focus-visible,
.yes-a11y-button:focus-visible {

    outline:
        3px solid #71a3f2 !important;

    outline-offset:
        4px !important;
}


/* COOKIE BAR */

.yes-cookie-banner {

    position: fixed;

    z-index: 999999;

    left: 18px;
    right: 18px;
    bottom: 18px;

    width: min(1080px, calc(100% - 36px));

    margin-inline: auto;

    padding: 22px;

    display: flex;
    align-items: center;
    gap: 30px;

    border:
        1px solid rgba(113,163,242,.28);

    border-radius: 20px;

    background:
        rgba(6,23,43,.97);

    box-shadow:
        0 30px 90px rgba(0,0,0,.46);

    backdrop-filter:
        blur(20px);

    color: #dbe6f4;

    font-family:
        Heebo,
        Arial,
        sans-serif;
}

.yes-cookie-banner[hidden] {
    display: none !important;
}

.yes-cookie-copy {
    flex: 1;
}

.yes-cookie-copy strong {

    display: block;

    color: white;

    font-size: 18px;

    margin-bottom: 5px;
}

.yes-cookie-copy p {

    margin:
        0 0 6px;

    color: #aabbd0;

    line-height: 1.6;
}

.yes-cookie-copy a {
    color: #71a3f2 !important;
}

.yes-cookie-actions {

    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.yes-cookie-actions button,
.yes-cookie-modal-actions button {

    min-height: 42px;

    padding:
        9px 14px;

    border:
        1px solid rgba(113,163,242,.24);

    border-radius: 10px;

    color: #dce7f4;

    background:
        #0b2442;

    font-family: inherit;

    font-weight: 700;

    cursor: pointer;
}

.yes-cookie-actions
.yes-cookie-primary,
.yes-cookie-modal-actions
.yes-cookie-primary {

    border-color:
        transparent;

    color: white;

    background:
        #5b8ff5;
}


/* COOKIE SETTINGS MODAL */

.yes-cookie-modal {

    position: fixed;
    inset: 0;

    z-index: 1000000;

    display: grid;
    place-items: center;

    padding: 20px;

    background:
        rgba(1,10,20,.74);

    backdrop-filter:
        blur(8px);
}

.yes-cookie-modal[hidden] {
    display: none !important;
}

.yes-cookie-modal-card {

    width:
        min(520px, 100%);

    padding: 28px;

    border:
        1px solid rgba(113,163,242,.26);

    border-radius: 22px;

    background: #081c34;

    color: #dbe6f4;

    box-shadow:
        0 30px 100px rgba(0,0,0,.50);

    font-family:
        Heebo,
        Arial,
        sans-serif;
}

.yes-cookie-modal-card h2 {

    margin:
        0 0 20px;

    color: white !important;
}

.yes-cookie-modal-card label {

    display: flex;
    align-items: flex-start;
    gap: 12px;

    padding: 15px 0;

    border-bottom:
        1px solid rgba(113,163,242,.10);
}

.yes-cookie-modal-card label span {

    display: flex;
    flex-direction: column;
}

.yes-cookie-modal-card small {

    color: #8fa4bc;

    margin-top: 4px;
}

.yes-cookie-modal-actions {

    display: flex;
    gap: 8px;

    margin-top: 20px;
}


/* INLINE PRIVACY NOTICE */

.yesc-form-note a {

    color:
        #71a3f2 !important;

    text-decoration:
        underline;

    text-underline-offset:
        3px;
}


/* MOBILE */

@media (max-width: 700px) {

    .yes-cookie-banner {

        flex-direction: column;

        align-items: stretch;

        bottom: 10px;
    }

    .yes-cookie-actions button {

        flex:
            1 1 auto;
    }

    .yes-a11y-button {

        right: 12px;

        bottom: 12px;
    }
}


/* Native English legal-page direction. */
.yes-legal-content[dir="ltr"] { direction: ltr; text-align: start; }