/* ==========================================================================
   unknowns — Habillage de marque pour tarteaucitron.js
   --------------------------------------------------------------------------
   tarteaucitron injecte sa propre UI (useExternalCss:false). On la réaligne
   sur l'identité unknowns : zéro border-radius, bleu signature (#0000FF),
   noir papier (#0A0A0A), jaune soleil (#FFE600), Circular Std.
   Sélecteurs ciblés par classe → robustes aux versions de tarteaucitron.
   ========================================================================== */

#tarteaucitronRoot,
#tarteaucitronRoot *,
#tarteaucitronAlertBig,
#tarteaucitron,
#tarteaucitron * {
  font-family: var(--font-sans, "Circular Std", Arial, sans-serif) !important;
  border-radius: 0 !important;
  letter-spacing: 0 !important;
}

/* ---------- Bandeau (alerte principale) ---------- */
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: var(--un-black, #0A0A0A) !important;
  color: #fff !important;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, .14) !important;
  padding: 22px 24px !important;
  max-width: none !important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert * {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
  color: var(--un-yellow-sun, #FFE600) !important;
  text-decoration: underline !important;
}

/* ---------- Boutons du bandeau : même poids visuel ---------- */
#tarteaucitronRoot .tarteaucitronCTAButton,
#tarteaucitronRoot button.tarteaucitronCTAButton {
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 12px 18px !important;
  margin: 4px !important;
  border: 1px solid #fff !important;
  text-shadow: none !important;
  cursor: pointer !important;
}
/* Tout accepter — bleu identité */
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot .tarteaucitronAllow {
  background: var(--un-blue, #0000FF) !important;
  color: #fff !important;
  border-color: var(--un-blue, #0000FF) !important;
}
/* Tout refuser — contour blanc, aussi visible que l'acceptation */
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot .tarteaucitronDeny {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}
/* Personnaliser */
#tarteaucitronRoot #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronPersonalize2 {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* ---------- Panneau de personnalisation ---------- */
#tarteaucitron #tarteaucitronServices,
#tarteaucitron .tarteaucitronMainLine {
  border: none !important;
  background: var(--un-black, #0A0A0A) !important;
}
#tarteaucitron .tarteaucitronH1,
#tarteaucitron .tarteaucitronH2,
#tarteaucitron .tarteaucitronTitle button,
#tarteaucitron .tarteaucitronName,
#tarteaucitron .tarteaucitronListCookies { color: #fff !important; }
#tarteaucitron #tarteaucitronClosePanel {
  background: var(--un-black, #0A0A0A) !important;
  color: #fff !important;
}
#tarteaucitron .tarteaucitronAllow {
  background: var(--un-blue, #0000FF) !important;
  border-color: var(--un-blue, #0000FF) !important;
  color: #fff !important;
}
#tarteaucitron .tarteaucitronDeny {
  background: #5A5A5A !important;
  color: #fff !important;
}

/* ---------- Icône flottante de réouverture ---------- */
#tarteaucitronRoot #tarteaucitronManager,
#tarteaucitronIcon #tarteaucitronManager {
  background: var(--un-blue, #0000FF) !important;
  color: #fff !important;
}

/* ---------- Accessibilité : focus visible ---------- */
#tarteaucitronRoot button:focus-visible,
#tarteaucitron button:focus-visible {
  outline: 2px solid var(--un-yellow-sun, #FFE600) !important;
  outline-offset: 2px !important;
}