/* consentement.css — v1.0.1 (15/10/2026 : boutons au trait du panneau lisibles sur fond blanc)
 *
 * Habillage du bandeau et du panneau tarteaucitron.js aux couleurs d'OPLT
 * (socle.css), à la place du jaune #fbd600 par défaut. Chargé par _footer.php,
 * seulement quand la mesure d'audience est active.
 *
 * tarteaucitron injecte sa propre feuille en fin de <head> : chaque sélecteur
 * est préfixé de html body #tarteaucitronRoot pour l'emporter par la
 * spécificité, quel que soit l'ordre de chargement.
 *
 * Parti : « Tout accepter » et « Tout refuser » ont strictement le même
 * habillage (le refus aussi simple et aussi visible que l'accord). Dans le
 * panneau, un choix non fait est au trait, le choix fait est plein.
 */

/* Bandeau */
html body #tarteaucitronRoot #tarteaucitronAlertBig {
  background: var(--c-fond-sombre);
  border-top: 1px solid var(--c-bordure-2);
  font-family: var(--police-ui);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: var(--c-texte);
  font-family: var(--police-ui);
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Boutons pleins : accepter, refuser, « Enregistrer » du panneau */
html body #tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronCTAButton,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices button#tarteaucitronSaveButton {
  background: var(--c-orange);
  color: var(--c-fond-profond);
  border: 0;
  border-radius: var(--r-m);
  font-family: var(--police-ui);
  font-weight: 600;
  transition: background var(--t-rapide);
}
html body #tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronCTAButton *,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices button#tarteaucitronSaveButton * {
  color: inherit;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronCTAButton:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices button#tarteaucitronSaveButton:hover {
  background: var(--c-orange-clair);
}

/* Boutons secondaires du bandeau : « Personnaliser », « Politique de confidentialité » */
html body #tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronCloseAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
  background: transparent;
  color: var(--c-texte-2);
  border-radius: var(--r-m);
  font-family: var(--police-ui);
  text-decoration: underline;
  text-underline-offset: 3px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronCloseAlert:hover,
html body #tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl:hover {
  color: var(--c-orange);
}

/* Panneau : autoriser / interdire, au trait tant que rien n'est choisi */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDeny {
  background: transparent;
  color: var(--c-fond-profond); /* le panneau est sur fond blanc (tarteaucitron) */
  border: 1px solid var(--c-texte-3);
  border-radius: var(--r-m);
  font-family: var(--police-ui);
  font-weight: 500;
  opacity: 1;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAllow *,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDeny * {
  color: inherit;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAllow:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDeny:hover {
  border-color: var(--c-orange);
  color: var(--c-fond-profond);
  background: rgba(255, 153, 0, 0.12);
}

/* Panneau : le choix fait est plein */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  background: var(--c-orange);
  border-color: var(--c-orange);
  color: var(--c-fond-profond);
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
  border-color: var(--c-orange);
}

html body #tarteaucitronRoot #tarteaucitron [aria-pressed=true] {
  text-shadow: none;
}
html body #tarteaucitronRoot .tarteaucitronCheck::before,
html body #tarteaucitronRoot .tarteaucitronCross::before,
html body #tarteaucitronRoot .tarteaucitronPlus::before {
  color: inherit;
}

/* Focus clavier */
html body #tarteaucitronRoot button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--c-fond-profond), 0 0 0 4px var(--c-orange);
}

@media (prefers-reduced-motion: reduce) {
  html body #tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronCTAButton,
  html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices button#tarteaucitronSaveButton { transition: none; }
}
