/*
 * Bandeau de consentement d'AiOhcDesigner, version discrète (demande du
 * propriétaire du 27/09/2026 : « la barre en bas est moche et encombrante »).
 * Chargée par client/index.html APRÈS tarteaucitron.min.css, qu'elle surcharge.
 *
 * Une petite carte en bas à droite (pleine largeur moins les marges sur
 * téléphone), aux couleurs du site : accepter et refuser restent au même
 * niveau, « Personnaliser » et la politique de confidentialité passent en
 * liens discrets. Le bouton flottant est retiré (showIcon: false dans
 * tarteaucitron-init.js) : on rouvre ses choix par « Gérer mes choix » du pied
 * de page. Contraste AA : #e4e4e7 et #a1a1aa sur #141414, #141414 sur #d4a853.
 *
 * Jamais de `display` forcé sur #tarteaucitronAlertBig : tarteaucitron le
 * montre et le cache par son style en ligne (display block ou none), et un
 * `display: flex !important` l'emporterait sur le « none » posé au refus
 * (e2e/consent-banner.spec.ts). La mise en page reste en flux inline-block.
 */
/* Invisible tant que tarteaucitron n'a pas branché ses boutons (classe posée
 * par events.load dans tarteaucitron-init.js) : un clic avant était perdu.
 * `visibility`, pas `display`, pour ne pas écraser son style en ligne. */
html body #tarteaucitronRoot:not(.aiohc-ready) #tarteaucitronAlertBig {
  visibility: hidden !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig {
  position: fixed !important;
  left: auto !important;
  right: 16px !important;
  bottom: 16px !important;
  top: auto !important;
  width: 360px !important;
  max-width: calc(100vw - 32px) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 16px 16px 10px !important;
  background: #141414 !important;
  color: #e4e4e7 !important;
  border: 1px solid rgba(212, 168, 83, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  z-index: 2147483000 !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 24px 0 0 !important;
  color: #e4e4e7 !important;
  font: inherit !important;
  text-align: left !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig button {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 8px 6px 0 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  min-height: 36px !important;
  padding: 8px 14px !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  background: #d4a853 !important;
  color: #141414 !important;
  border: 1px solid #d4a853 !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  background: transparent !important;
  color: #e4e4e7 !important;
  border: 1px solid #52525b !important;
}

/* « Personnaliser » et la politique : des liens, pas des boutons pleins. */
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  background: transparent !important;
  border: 0 !important;
  padding: 6px 4px !important;
  color: #a1a1aa !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 400 !important;
}

/* La croix de fermeture, en haut à droite de la carte. */
html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCross,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseCross {
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  background: transparent !important;
  border: 0 !important;
  color: #a1a1aa !important;
  padding: 4px !important;
}

@media (max-width: 480px) {
  html body #tarteaucitronRoot #tarteaucitronAlertBig {
    right: 16px !important;
    left: 16px !important;
    bottom: 12px !important;
    width: auto !important;
  }
}