/*
 * LA PASTILLE DE REOUVERTURE, ET PLUS RIEN D AUTRE.
 *
 * CE FICHIER A PERDU 95 % DE SA TAILLE LE 2026-09-24, et c est le bon signe.
 * Il habillait une banniere et un dialogue que le moteur fabriquait lui-meme.
 * Ces deux-la sont desormais rendus par `organisms/cookie-consent` de
 * `rsv5-ui`, qui apporte sa propre feuille : la garder ici aurait fait deux
 * habillages pour un seul composant, donc une divergence garantie au premier
 * changement de la bibliotheque.
 *
 * CE QUI RESTE N A PAS D EQUIVALENT DANS LA BIBLIOTHEQUE. Le composant rend la
 * banniere et le dialogue ; il ne rend AUCUN declencheur, parce qu une page de
 * site porte le sien dans son pied de page. Les pages de la couche V4 n en ont
 * pas : le pied de WordPress n a jamais eu de lien « gerer mes cookies ». Le
 * moteur pose donc cette pastille, et seulement la ou aucune commande n existe
 * (`SELECTEUR_COMMANDE`, `consentement.js`).
 *
 * SI LA BIBLIOTHEQUE SE MET UN JOUR A RENDRE UN DECLENCHEUR, ce fichier
 * disparait entierement et la pastille avec lui.
 *
 * LES COULEURS SONT DES JETONS AVEC REPLI LITTERAL. Sur une page V5 les jetons
 * repondent, mode sombre compris. Sur une page V4 ils ne repondent PAS : ceux
 * de la bibliotheque y vivent sous `@scope (.rs-v4-entete)`, et la pastille est
 * posee sur `document.body`, hors de cette portee. Le repli est la palette de
 * la marque.
 *
 * AUCUNE `@layer` : les feuilles heritees de WordPress vivent dans
 * `@layer heritage`, et tout ce qui n est pas en couche les emporte.
 */

.rs-consent-trigger {
  position: fixed;
  bottom: 16px;
  /* EN BAS A GAUCHE : le coin bas droit porte deja l ouvrant du chat sur une
     page V5 et le bouton du lecteur sur une page V4. */
  left: 16px;
  right: auto;
  z-index: 9999;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--surface-primary, #fff);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary, #666);
  transition: box-shadow 0.15s, color 0.15s;
  padding: 0;
}

.rs-consent-trigger:focus-visible {
  outline: 3px solid var(--focus-ring, #0073CE);
  outline-offset: 3px;
}

.rs-consent-trigger:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  color: var(--text-link, #0073CE);
}

@media (prefers-reduced-motion: reduce) {
  .rs-consent-trigger {
    transition: none;
  }
}