/* Fart Me To The Moon theme for vanilla-cookieconsent: deep-space navy panels, green/gold launch buttons, cyan links. */
#cc-main {
    --cc-font-family: var(--font-body, "Chakra Petch", "Segoe UI", sans-serif);
    --cc-modal-border-radius: var(--radius, 24px);
    --cc-btn-border-radius: 18px;
    --cc-modal-margin: 16px;
    --cc-z-index: 2147483000;

    --cc-bg: #181d44;
    --cc-primary-color: #edf1ff;
    --cc-secondary-color: #b7bfdc;
    --cc-link-color: #5de8ff;
    --cc-overlay-bg: rgba(6, 9, 24, 0.74);

    --cc-btn-primary-bg: #40e86d;
    --cc-btn-primary-color: #061015;
    --cc-btn-primary-border-color: #40e86d;
    --cc-btn-primary-hover-bg: #ffcb47;
    --cc-btn-primary-hover-color: #061015;
    --cc-btn-primary-hover-border-color: #ffcb47;

    --cc-btn-secondary-bg: rgba(15, 19, 42, 0.7);
    --cc-btn-secondary-color: #edf1ff;
    --cc-btn-secondary-border-color: rgba(117, 136, 255, 0.32);
    --cc-btn-secondary-hover-bg: rgba(117, 136, 255, 0.14);
    --cc-btn-secondary-hover-color: #edf1ff;
    --cc-btn-secondary-hover-border-color: rgba(117, 136, 255, 0.6);

    --cc-separator-border-color: rgba(117, 136, 255, 0.2);
    --cc-footer-bg: #11152f;
    --cc-footer-color: #b7bfdc;
    --cc-footer-border-color: rgba(117, 136, 255, 0.2);

    --cc-toggle-on-bg: #40e86d;
    --cc-toggle-off-bg: #3b4275;
    --cc-toggle-on-knob-bg: #edf1ff;
    --cc-toggle-off-knob-bg: #edf1ff;
    --cc-toggle-enabled-icon-color: #0d7a2c;
    --cc-toggle-disabled-icon-color: #3b4275;
    --cc-toggle-readonly-bg: #2c3366;
    --cc-toggle-readonly-knob-bg: #b7bfdc;
    --cc-toggle-readonly-knob-icon-color: #2c3366;

    --cc-section-category-border: rgba(117, 136, 255, 0.2);
    --cc-cookie-category-block-bg: rgba(11, 14, 31, 0.75);
    --cc-cookie-category-block-border: rgba(117, 136, 255, 0.24);
    --cc-cookie-category-block-hover-bg: rgba(20, 25, 56, 0.9);
    --cc-cookie-category-block-hover-border: rgba(117, 136, 255, 0.4);
    --cc-cookie-category-expanded-block-bg: rgba(11, 14, 31, 0.5);
    --cc-cookie-category-expanded-block-hover-bg: rgba(20, 25, 56, 0.7);

    --cc-webkit-scrollbar-bg: #3b4275;
    --cc-webkit-scrollbar-hover-bg: #7588ff;

    color-scheme: dark;
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid rgba(117, 136, 255, 0.28);
    background: linear-gradient(180deg, #181d44, #0f1330);
    box-shadow: 0 28px 60px rgba(2, 4, 16, 0.6), 0 0 40px rgba(93, 232, 255, 0.1);
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

#cc-main .cm__title {
    font-size: 1.3em;
}

/* Buttons follow the site's pixel-font, uppercase .button style. */
#cc-main .cm__btn,
#cc-main .pm__btn {
    font-family: var(--font-pixel, "Silkscreen", "Courier New", monospace);
    font-size: 0.72rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.3;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

#cc-main .cm__btn:not(.cm__btn--secondary),
#cc-main .pm__btn:not(.pm__btn--secondary) {
    background: linear-gradient(135deg, #40e86d, #ffcb47);
    border-color: transparent;
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
    transform: translateY(-2px);
}

#cc-main a,
#cc-main .cc__link {
    text-decoration: underline;
    text-underline-offset: 2px;
}

#cc-main a:hover,
#cc-main .cc__link:hover {
    color: #40e86d;
}

#cc-main .pm__section-title,
#cc-main .pm__section--toggle .pm__section-title {
    font-weight: 700;
}

.cookie-settings-link {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.footer-links .cookie-settings-link {
    color: var(--muted);
}

.legal-panel .cookie-settings-link {
    color: var(--cyan);
    text-decoration: underline;
}

.cookie-settings-link:hover {
    color: var(--green);
}

.cookie-settings-link:focus-visible {
    outline: 3px solid rgba(93, 232, 255, 0.55);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    #cc-main .cm__btn:hover,
    #cc-main .pm__btn:hover {
        transform: none;
    }
}