/* ============================================================
   Bouton aide ? uniquement en bas à droite
   Aligné avec le hamburger du haut
   ============================================================ */

:root {
  --rd-help-right: 18px;
  --rd-help-bottom: 18px;
  --rd-help-size: 56px;
  --rd-help-blue: #123f7a;
  --rd-help-gold: #f8d77a;
}

/* On évite les doublons d’anciens boutons d’aide */
.rd-help-fab,
.rd-help-floating,
.rd-help-bottom-right:not(#rd-help-bottom-right-only) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Bouton ? final */
#rd-help-bottom-right-only {
  position: fixed;
  right: var(--rd-help-right);
  bottom: calc(var(--rd-help-bottom) + env(safe-area-inset-bottom, 0px));
  z-index: 99990;

  width: var(--rd-help-size);
  height: var(--rd-help-size);
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: #ffffff;
  color: var(--rd-help-blue);
  border: 1px solid rgba(30, 58, 138, .20);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .25);

  text-decoration: none;
  font-size: 1.65rem;
  font-weight: 950;
  line-height: 1;

  transition: transform .15s ease, box-shadow .15s ease;
}

#rd-help-bottom-right-only:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(15, 23, 42, .30);
}

#rd-help-bottom-right-only:focus-visible {
  outline: 3px solid var(--rd-help-gold);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  :root {
    --rd-help-right: 18px;
    --rd-help-bottom: 18px;
    --rd-help-size: 56px;
  }
}