/* Pastilles de réglage (décision d'Olivier, 30/10) : même gabarit que
   photonumerique.com — 44 px de haut, pilule, filet fin, 13 px.
   La langue affiche l'autre langue ; le jour/nuit affiche le mode vers
   lequel on bascule. Fichier servi en cache immuable : pour le modifier,
   le renommer (-2, -3…) et changer les pages qui l'appellent. */
.rk-pastille {
  font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: .04em; line-height: 1;
  min-height: 44px; padding: 6px 14px; gap: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--v-line-strong); border-radius: 999px;
  background: transparent; color: var(--v-mute); text-decoration: none; cursor: pointer;
  transition: color var(--dur-fast) var(--ease-standard),
              border-color var(--dur-fast) var(--ease-standard),
              background var(--dur-fast) var(--ease-standard);
}
.rk-pastille:focus-visible { outline: 2px solid var(--rk-site); outline-offset: 2px; }
.rk-pastille:active { transform: scale(.98); }

/* Croissant (vers la nuit) ou soleil (vers le jour), dessinés en CSS. */
.rk-pastille-ico {
  flex: none; width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 74% 28%, transparent 5px, currentColor 5.6px);
}
:root[data-theme="dark"] .rk-pastille-ico {
  width: 9px; height: 9px; margin: 2.5px; background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 25%, transparent);
}

/* Le libellé suit data-theme, posé par rk-theme.js avant le rendu : pas de saut. */
.rk-vers-jour { display: none; }
:root[data-theme="dark"] .rk-vers-nuit { display: none; }
:root[data-theme="dark"] .rk-vers-jour { display: inline; }

@media (prefers-reduced-motion: reduce) {
  .rk-pastille { transition: none; }
  .rk-pastille:active { transform: none; }
}