/* Re-skins tarteaucitron.js with the BnbDesign brand (colours, font, position).
   Loaded after vendor/tarteaucitron/css/tarteaucitron.css so these rules win. */

#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertSmall {
  background: var(--surface-ink) !important;
  border-top: 1px solid var(--camel) !important;
  font-family: var(--font-body) !important;
  box-shadow: var(--shadow-lg) !important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert {
  color: var(--creme) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--leading-body) !important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert a {
  color: var(--camel-clair) !important;
  border-bottom-color: var(--camel-clair) !important;
}

#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog { color: var(--camel-clair) !important; }
/* The original banner links to the privacy policy once, inline in the
   sentence — our copy already carries that link, so tarteaucitron's own
   separate "Politique de confidentialité" button in the bottom banner would
   just duplicate it. */
#tarteaucitronRoot #tarteaucitronPrivacyUrl { display: none !important; }

#tarteaucitronRoot .tarteaucitronCTAButton,
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot #tarteaucitronAllAllowed2,
#tarteaucitronRoot #tarteaucitronAllAllowed {
  font-family: var(--font-body) !important;
  letter-spacing: .01em !important;
  border-radius: var(--radius-md) !important;
  text-transform: none !important;
  box-shadow: none !important;
}
#tarteaucitronRoot #tarteaucitronAllAllowed2,
#tarteaucitronRoot #tarteaucitronAllAllowed {
  background: var(--camel-doux) !important;
  color: var(--bordeaux-profond) !important;
}
#tarteaucitronRoot #tarteaucitronAllAllowed2:hover,
#tarteaucitronRoot #tarteaucitronAllAllowed:hover { background: var(--camel-clair) !important; }
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAllDenied {
  background: var(--creme) !important;
  color: var(--bordeaux-profond) !important;
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAllDenied:hover { background: var(--blanc) !important; }
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronPersonalize {
  background: transparent !important;
  color: var(--creme) !important;
  border: 1px solid var(--border-inverse) !important;
}

#tarteaucitronRoot #tarteaucitronPercentage,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { font-family: var(--font-body) !important; }

#tarteaucitronRoot #tarteaucitronMainLineOffset,
#tarteaucitronRoot .tarteaucitronTitle,
#tarteaucitronRoot #tarteaucitronServicesTitle_analytic,
#tarteaucitronRoot .tarteaucitronH3,
#tarteaucitronRoot .tarteaucitronH4 {
  font-family: var(--font-display) !important;
  color: var(--text-strong) !important;
}

#tarteaucitronRoot #tarteaucitronIcon {
  background-color: var(--surface-ink) !important;
  border: 1px solid var(--camel) !important;
}