/*--------------------------------------------------------------
# Tarteaucitron — habillage Prune & Miel (20/08/2026)
--------------------------------------------------------------
Surcharge du CSS par défaut de Tarteaucitron (tarteaucitron.min.css,
chargé automatiquement par la librairie elle-même — cf. tarteaucitron-init.js)
pour reprendre la charte du site plutôt que le jaune #fbd600 par défaut :
- fond bandeau/panneau : --ivoire (comme le reste du site)
- texte : --ink
- boutons d'action (Tout accepter, Autoriser un service) : --bordeaux (Prune)
- accents/coches/liens : --brass (Miel)
- typographies : --font-display (Fraunces) pour les titres, --font-body
(Newsreader) pour le texte courant, comme partout ailleurs sur le site.
Ce fichier est chargé APRES le CSS de Tarteaucitron (cf. dépendance dans
cdr_enqueue_tarteaucitron(), inc/clos-royaucourt-setup.php) donc les règles
suivantes l'emportent naturellement dans la cascade, sans avoir besoin
d'!important partout — seuls quelques cas où Tarteaucitron réinjecte son
propre dynamiquement en fin de (donc après le nôtre) en ont
besoin.
--------------------------------------------------------------*/
#tarteaucitronRoot,
#tarteaucitronRoot * {
font-family: var( --font-body ) !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3 {
font-family: var( --font-display ) !important;
font-weight: 500 !important;
}
/* Bandeaux (bas de page / petit bandeau) et panneau détaillé */
#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertSmall,
#tarteaucitronRoot div#tarteaucitron {
background-color: var( --ivoire ) !important;
color: var( --ink ) !important;
border-color: var( --brass-line ) !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig strong,
#tarteaucitronRoot #tarteaucitronAlertSmall strong,
#tarteaucitronRoot #tarteaucitronAlertBig a,
#tarteaucitronRoot #tarteaucitronAlertSmall a,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot .tarteaucitronName,
#tarteaucitronRoot .tarteaucitronListCheckboxs .tarteaucitronH3 {
color: var( --ink ) !important;
}
/* Boutons "autoriser" (bandeau bas, panneau détaillé, pastille flottante de
ré-autorisation) : toutes les variantes de Tarteaucitron partagent la
classe .tarteaucitronAllow (grand bouton "Tout accepter" ET petit bouton
"Autoriser" par ligne de service) — on couvre large plutôt que de viser
chaque id un par un, ça évite les oublis comme celui du premier essai. */
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot button.tarteaucitronCTAButton.tarteaucitronAllow {
background-color: var( --bordeaux ) !important;
border-color: var( --bordeaux ) !important;
color: var( --ivoire ) !important;
}
#tarteaucitronRoot .tarteaucitronAllow:hover {
background-color: var( --bordeaux-deep ) !important;
border-color: var( --bordeaux-deep ) !important;
}
/* Boutons "refuser/interdire" et fermeture : contour Prune, fond transparent */
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot button.tarteaucitronCTAButton.tarteaucitronDeny,
#tarteaucitronRoot button#tarteaucitronCloseAlert {
background-color: transparent !important;
border-color: var( --bordeaux ) !important;
color: var( --bordeaux ) !important;
}
#tarteaucitronRoot .tarteaucitronDeny:hover {
background-color: var( --ivoire-deep ) !important;
}
/* Coches ✓ / croix ✗ à côté de "Autoriser"/"Interdire" : couleur Miel */
#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
color: var( --brass ) !important;
}
/* Icône flottante de reprise en main des cookies */
#tarteaucitronIcon,
#tarteaucitronRoot .tarteaucitronIconBottomRight,
#tarteaucitronRoot .tarteaucitronIconBottomLeft {
background-color: var( --bordeaux ) !important;
}
/* Lignes de service dans le panneau détaillé */
#tarteaucitronRoot .tarteaucitronLine {
border-color: var( --brass-line ) !important;
}
/* Placeholder "[Service] est désactivé — Autoriser" affiché À LA PLACE d'un
iframe tiers (ex. calendrier Itea sur la page Contact) tant que le
consentement n'a pas été donné — cf. .tac_activate injecté par
tarteaucitron.fallback() / tarteaucitron.engage(). Contrairement aux
règles ci-dessus, ce bloc n'est PAS dans #tarteaucitronRoot : il est
injecté directement dans la page, à l'endroit où l'iframe doit apparaître
(le
de page-contact.php) — d'où des sélecteurs non
préfixés par #tarteaucitronRoot ici. */
.tac_activate {
background-color: var( --ivoire-deep ) !important;
border: 1px solid var( --brass-line ) !important;
color: var( --ink ) !important;
font-family: var( --font-body ) !important;
}
.tac_activate .tarteaucitronAllow {
background-color: var( --bordeaux ) !important;
border-color: var( --bordeaux ) !important;
color: var( --ivoire ) !important;
font-family: var( --font-body ) !important;
}
.tac_activate .tarteaucitronAllow:hover {
background-color: var( --bordeaux-deep ) !important;
border-color: var( --bordeaux-deep ) !important;
}
/* Icône flottante vs liens légaux du footer, ajouté le 20/09/2026 (retour de
Jo, test mobile réel) : l'icône Tarteaucitron reste en position fixed par-
dessus le contenu, y compris tout en bas de page. Sur les petits écrans,
ça peut la faire chevaucher "Mentions légales" (le premier lien de
.site-footer .bottom, cf. t40) une fois qu'on a scrollé jusqu'en bas. On ne
cherche pas à réduire l'icône elle-même (taille gérée par la librairie) :
on réserve simplement un peu d'espace vide sous les liens légaux, pour
qu'une fois en bout de page, l'icône flotte dans cet espace plutôt que sur
le texte, quelle que soit sa taille exacte. */
@media ( max-width: 600px ) {
.site-footer .bottom {
padding-bottom: 68px;
}
}