/*
 * Site-specific skin for the Ultimate GDPR toolkit.
 * The vendor CSS (assets/css/ct-ultimate-gdpr.min.css) hardcodes a white
 * settings modal with several unset text colors (inherited white-on-white
 * from this site's dark body styles) and blue accents that don't match
 * FSstudio's dark/red/white theme. This file loads after both main.css and
 * the vendor CSS and restyles just the pieces that clashed.
 */

/* ---- Cookie preferences modal (gear icon / "Change Settings") ---- */

.ct-ultimate-gdpr-cookie-modal-content {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
}

#ct-ultimate-gdpr-cookie-modal-close .fas {
    color: var(--primary);
}

#ct-ultimate-gdpr-cookie-modal-body h2,
#ct-ultimate-gdpr-cookie-modal-body h3 {
    font-family: var(--font-family-1);
    font-weight: 400;
    color: var(--primary);
}

.ct-ultimate-gdpr-cookie-modal-desc p {
    color: var(--text-color);
}

.ct-ultimate-gdpr-cookie-modal-desc span {
    color: red;
}

.ct-ultimate-gdpr-cookie-modal-slider li label {
    color: var(--primary) !important;
}

.ct-ultimate-gdpr-cookie-modal-slider li.ct-ultimate-gdpr-cookie-modal-slider-item--active label:after {
    background: red;
}

.ct-ultimate-gdpr-cookie-modal-slider-desc h4 {
    font-family: var(--font-family-1);
    font-weight: 400;
    color: var(--primary);
}

.ct-ultimate-gdpr-cookie-modal-btn a {
    background: red;
    border-color: red;
    border-radius: 0;
    font-family: var(--font-family-1);
}

.ct-ultimate-gdpr-cookie-modal-btn a:hover {
    background: transparent;
    color: red;
}

/* ---- Bottom-panel cookie banner ---- */

.skin-dark-theme h2.ct-header-popup {
    font-family: var(--font-family-1);
    font-weight: 400;
}

.skin-dark-theme #ct-ultimate-gdpr-cookie-content {
    font-family: var(--font-family-2);
}

.skin-dark-theme #ct-ultimate-gdpr-cookie-accept,
.skin-dark-theme #ct-ultimate-gdpr-cookie-reject {
    background-color: red !important;
    font-family: var(--font-family-1);
}

.skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings {
    border-color: var(--primary);
    color: var(--primary);
    font-family: var(--font-family-1);
}

.skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings:hover {
    background-color: red !important;
    border-color: red;
    color: var(--primary);
}

.skin-dark-theme #ct-ultimate-gdpr-cookie-read-more {
    font-family: var(--font-family-1);
}

/* ---- Floating settings gear icon ---- */

#ct-ultimate-gdpr-cookie-open {
    color: red !important;
}