/* ════════════════════════════════════════════════════════════════ LDNR · Habillage du bandeau cookies (plugin Complianz). Pourquoi ici et pas dans le champ "Custom CSS" de Complianz : Complianz pilote ses couleurs via ses propres variables CSS (--cmplz_*), consommées par des sélecteurs internes du type ".cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept" (4 classes de spécificité). Un CSS collé dans son champ interne utilise des sélecteurs plus courts (ex. ".cmplz-btn.cmplz-accept", 2 classes) qui perdent systématiquement face aux siens — vérifié en direct sur ww.ldnr.fr, la couleur custom ne s'appliquait jamais. La bonne approche : réinjecter les tokens du thème (colors.css) directement DANS les variables --cmplz_* que Complianz consomme. Sa propre règle interne se met alors à afficher nos couleurs sans qu'on ait besoin de la battre en spécificité. ════════════════════════════════════════════════════════════════ */ /* Complianz définit ces mêmes variables sur :root dans sa propre feuille (banner-1-optin.css) — à spécificité de sélecteur égale, c'est l'ordre dans le qui tranche. On charge notre feuille après la sienne (cf. functions.php) ET on force en !important en filet de sécurité, au cas où Complianz réordonnerait ses assets un jour. */ :root { /* Conteneur du bandeau */ --cmplz_banner_background_color: color-mix(in srgb, var(--color-surface) 88%, transparent) !important; --cmplz_banner_border_color: var(--color-nav-border) !important; --cmplz_banner_border_width: 1px !important; --cmplz_banner_border_radius: 20px !important; /* Textes */ --cmplz_text_color: var(--color-text-muted) !important; --cmplz_hyperlink_color: var(--color-accent) !important; /* Bouton "Tout accepter" */ --cmplz_button_accept_background_color: var(--color-accent) !important; --cmplz_button_accept_border_color: var(--color-accent) !important; --cmplz_button_accept_text_color: var(--color-bg) !important; /* Bouton "Tout refuser" */ --cmplz_button_deny_background_color: transparent !important; --cmplz_button_deny_border_color: var(--color-nav-border) !important; --cmplz_button_deny_text_color: var(--color-text) !important; /* Bouton "Personnaliser" / réglages */ --cmplz_button_settings_background_color: transparent !important; --cmplz_button_settings_border_color: var(--color-nav-border) !important; --cmplz_button_settings_text_color: var(--color-text) !important; --cmplz_button_border_radius: 999px !important; /* Interrupteurs de catégories (Statistiques/Marketing…) */ --cmplz_slider_active_color: var(--color-accent) !important; --cmplz_slider_inactive_color: var(--color-nav-tint) !important; --cmplz_slider_bullet_color: var(--color-text) !important; } /* Effet verre dépoli cohérent avec le reste du site (cf liquid-glass/). On ne réutilise pas le système SVG liquid-glass (il attend un markup spécifique qu'on ne peut pas ajouter dans le DOM généré par Complianz), juste un blur simple qui rend le même effet visuel. */ .cmplz-cookiebanner { -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4); font-family: var(--font-ui); } .cmplz-cookiebanner .cmplz-title { font-family: var(--font-display); } .cmplz-cookiebanner .cmplz-logo { display: none; /* le titre suffit, pas besoin du logo par défaut de Complianz */ } /* L'onglet flottant "Gérer les cookies" (rouvre le bandeau) partage le coin bas-droite avec notre bouton retour-en-haut (scroll-top/scroll-top.css, right:1.5rem / bottom:1.5rem) : on le décale pour éviter le chevauchement. !important obligatoire sur `right` : Complianz pose `right:40px` avec le sélecteur EXACTEMENT identique au nôtre (#cmplz-manage-consent .cmplz-manage-consent), et sa feuille banner-1-optin.css est injectée APRÈS la nôtre dans le — à spécificité égale, c'est elle qui gagne. Sans !important on héritait de `left:1.5rem` + `right:40px` en même temps : un position:fixed ancré sur ses deux bords avec width:auto s'étire, et l'onglet devenait une barre pleine largeur en bas de l'écran. `width:auto` explicite + max-width en filet de sécurité. */ #cmplz-manage-consent .cmplz-manage-consent { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-family: var(--font-ui); font-size: 0.875rem; right: auto !important; left: 1.5rem !important; width: auto !important; max-width: calc(100vw - 3rem); } /* ════════════════════════════════════════════════════════════════ Pages de documents générées par Complianz (politique cookies, confidentialité, mentions… — toutes reçoivent la classe .cmplz-document sur le ). Problème constaté sur ww.ldnr.fr/cookie-policy-eu/ : la page était illisible en mode sombre, texte blanc sur fond blanc. Le fond ne vient pas de Complianz mais d'un