/* ============================================================
   Pastilles flottantes PLIABLES (10/07/2026, demande Julien)
   Rend « Aide & visite guidée » (bas gauche) et « Le Gardien »
   (bas droite) repliables en une petite languette de rappel.
   N'AJOUTE que des éléments : ne modifie jamais le HTML existant.
   État mémorisé par membre (localStorage).
   ============================================================ */

/* Petite poignée « réduire » posée au coin de la pastille (état déplié) */
.pf-fold {
  position: fixed; display: none; align-items: center; justify-content: center;
  width: 26px; height: 26px; padding: 0; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .22); cursor: pointer;
  background: rgba(11, 15, 23, .94); color: #cfe0ec;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .4);
  transition: filter .15s, transform .15s;
}
.pf-fold:hover { filter: brightness(1.15); transform: translateY(-1px); color: #fff; }
.pf-fold svg { width: 13px; height: 13px; }
.pf-fold-left  { z-index: 4001; }
.pf-fold-right { z-index: 1000; }

/* Languette de rappel collée au bord (état plié) */
.pf-tab {
  position: fixed; display: none; align-items: center; gap: 6px;
  padding: 9px 12px; cursor: pointer;
  color: #eaf2f8; font: 700 12px/1 'Inter', system-ui, sans-serif;
  background: linear-gradient(135deg, rgba(20, 24, 34, .97), rgba(11, 15, 23, .97));
  border: 1px solid rgba(91, 192, 235, .4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .42);
}
.pf-tab.is-on { display: inline-flex; }
.pf-tab svg { width: 16px; height: 16px; flex-shrink: 0; }
.pf-tab-left  { left: 0; bottom: 22px; border-left: 0; border-radius: 0 999px 999px 0; padding-left: 9px; z-index: 4001; }
.pf-tab-right { right: 0; bottom: 20px; border-right: 0; border-radius: 999px 0 0 999px; padding-right: 9px; z-index: 1000; }
.pf-tab-left .pf-tab-lbl, .pf-tab-right .pf-tab-lbl { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 900px) {
  .pf-tab-left  { bottom: 80px; }   /* au-dessus de la barre de nav mobile */
  .pf-tab-right { bottom: 96px; }
  .pf-tab { padding: 11px 13px; }    /* doigt : cible plus grande */
  .pf-fold { width: 30px; height: 30px; }
}

/* Pastille repliée : masquée (la languette prend le relais) */
.pf-collapsed { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  .pf-fold { transition: none; }
}

/* ============================================================
   (10/07, demande Julien) MODE APP/MOBILE : pastilles COMPACTES.
   « Aide » n'affiche QUE le rond « ? », « Le Gardien » QUE l'orbe.
   Un appui ouvre le panneau comme avant (mêmes boutons).
   Le pliage en languette est coupé sur mobile — voir aussi le
   garde-fou dans pastilles-pliables.js. Le BUREAU ne change pas.
   ============================================================ */
@media (max-width: 900px), (display-mode: standalone) {
  /* Aide : rond « ? » seul */
  .obw-launch {
    width: 46px; height: 46px; padding: 0; gap: 0;
    justify-content: center; border-radius: 50%;
  }
  .obw-launch .obw-launch-txt { display: none; }
  .obw-launch svg { width: 21px; height: 21px; }
  /* Gardien : orbe seul */
  .gw-launcher {
    width: 52px; height: 52px; padding: 0; gap: 0;
    justify-content: center; border-radius: 50%;
  }
  .gw-launcher-txt, .gw-launcher-dot { display: none; }
  /* Plus de languettes ni de poignées en mode compact,
     et un ancien état « plié » (localStorage) ne cache plus le bouton. */
  .pf-fold, .pf-tab { display: none !important; }
  .obw-launch.pf-collapsed, .gw-launcher.pf-collapsed { display: inline-flex !important; }
}