/**
 * Contrôles flottants :
 * - Chat Brevo : bas-droite (position native)
 * - Retour en haut : juste au-dessus du chat
 * - Widget RGAA : bas-centre
 */

:root {
  --float-gap: 16px;
  --float-chat-bottom: 20px;
  --float-chat-size: 60px;
  --float-a11y-size: 54px;
  --float-a11y-bottom: 20px;
}

/* RGAA : bas au centre (bouton) */
#accessibility-widget-btn {
  left: 50% !important;
  right: auto !important;
  bottom: var(--float-a11y-bottom) !important;
  transform: translateX(-50%);
}

#accessibility-widget-btn:hover {
  transform: translateX(-50%) scale(1.1);
}

/* Panneau RGAA : centré, au-dessus du bouton */
#accessibility-panel {
  left: 50% !important;
  right: auto !important;
  bottom: calc(var(--float-a11y-bottom) + var(--float-a11y-size) + var(--float-gap)) !important;
  transform: translateX(-50%);
  max-width: calc(100vw - 2rem);
}

/* Retour en haut : juste au-dessus du chat Brevo */
body:has(#brevo-conversations) .back-to-top-link.btn {
  right: 20px;
  bottom: calc(var(--float-chat-bottom) + var(--float-chat-size) + var(--float-gap));
}