/* Habillage du bandeau et de la fenêtre de préférences CookieYes
   aux couleurs du site. CookieYes pose certaines couleurs en style
   inline (thème "Light"), d'où les !important ci-dessous. */

/* Bandeau bas de page */
.cky-consent-container .cky-consent-bar {
    background-color: var(--ink-card) !important;
    border: 1px solid var(--line) !important;
    border-radius: 4px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

.cky-consent-container .cky-title {
    color: var(--paper) !important;
    font-family: var(--font-body);
}

.cky-consent-container .cky-notice-des p,
.cky-consent-container .cky-notice-des p * {
    color: var(--paper-dim) !important;
}

.cky-consent-container .cky-notice-des a {
    color: var(--gold) !important;
}

/* Fenêtre "Personnaliser" (rendue hors de .cky-consent-container) */
.cky-preference-center {
    background-color: var(--ink-card) !important;
    border: 1px solid var(--line) !important;
}

.cky-preference-header {
    background-color: var(--ink-card) !important;
    border-bottom: 1px solid var(--line) !important;
}

.cky-preference-title,
.cky-preference-content-title {
    color: var(--paper) !important;
}

.cky-preference-content-wrapper,
.cky-preference-content-wrapper p,
.cky-preference-body-wrapper p {
    color: var(--paper-dim) !important;
}

.cky-preference-content-wrapper a {
    color: var(--gold) !important;
}

.cky-btn-close svg,
.cky-btn-close {
    color: var(--paper) !important;
}

.cky-accordion-header {
    background-color: var(--ink-soft) !important;
    border-color: var(--line) !important;
}

.cky-accordion-body {
    background-color: var(--ink-card) !important;
}

.cky-accordion-header-des p {
    color: var(--paper-dim) !important;
}

.cky-accordion-item .cky-show-desc-btn,
.cky-accordion-btn {
    color: var(--paper) !important;
}

/* Tableau détaillé des cookies (Cookie / Durée / Description) dans chaque catégorie */
.cky-audit-table {
    background-color: var(--ink-soft) !important;
    border: 1px solid var(--line) !important;
}

.cky-cookie-des-table {
    border-bottom-color: var(--line) !important;
}

.cky-cookie-des-table li div:first-child {
    color: var(--paper) !important;
}

.cky-cookie-des-table li div:last-child,
.cky-cookie-des-table li div:last-child p {
    color: var(--paper-dim) !important;
}

.cky-empty-cookies-text {
    color: var(--paper-dim) !important;
}

.cky-footer-shadow {
    background: linear-gradient(rgba(33, 31, 35, 0) 0%, var(--ink-card) 100%) !important;
}

.cky-switch input:checked ~ .cky-slider {
    background-color: var(--gold) !important;
}

/* Boutons, communs au bandeau et à la fenêtre de préférences */
.cky-btn-accept {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: var(--ink) !important;
}

.cky-btn-accept:hover {
    background-color: var(--gold-bright) !important;
    border-color: var(--gold-bright) !important;
}

.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
    background-color: transparent !important;
    border: 1px solid var(--line-strong) !important;
    color: var(--paper) !important;
}

.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
}

.cky-prefrence-btn-wrapper {
    background-color: var(--ink-card) !important;
    border-top: 1px solid var(--line) !important;
}

/* Bouton flottant de reprise du consentement */
.cky-btn-revisit-wrapper {
    background-color: var(--ink-card) !important;
    border: 1px solid var(--line-strong) !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
    filter: invert(70%) sepia(60%) saturate(500%) hue-rotate(360deg) brightness(100%);
}
