/* Réactions et « Suivre » (04/09/2026) — partagé par le fil et la page d'une publication. */
.btb-react{position:relative;display:inline-flex;align-items:center;gap:2px}
.btb-react-btn .ic{font-size:15px;line-height:1}
.btb-react-btn.liked{color:#c0392b;font-weight:700}
.btb-react-count .emo{font-size:13px;line-height:1;letter-spacing:-4px;margin-right:6px}
.btb-react-count .emo:empty{display:none}
.btb-react-picker{position:absolute;left:0;bottom:calc(100% + 6px);display:flex;gap:2px;background:#fff;border:1px solid #d9e1ec;border-radius:999px;padding:4px 6px;box-shadow:0 8px 24px -8px rgba(12,55,107,.35);z-index:30;white-space:nowrap}
.btb-react-picker[hidden]{display:none}
/* 04/09/2026 : les 6 px entre le bouton et le sélecteur étaient une zone morte —
   la souris y sortait du bloc et déclenchait la fermeture. Ce pont transparent
   les couvre : le trajet reste à l'intérieur du bloc, l'aspect ne change pas. */
.btb-react-picker::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}
.btb-react-picker button{border:0;background:transparent;font:inherit;font-size:24px;line-height:1;padding:5px;border-radius:50%;cursor:pointer;transition:transform .12s ease}
.btb-react-picker button:hover,.btb-react-picker button:focus-visible{transform:scale(1.3);background:#f6f8fc;outline:0}
.btb-react-picker button.on{background:#e6eef8}
.btb-modal{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:16px}
.btb-modal[hidden]{display:none}
.btb-modal .bg{position:absolute;inset:0;background:rgba(16,19,27,.6)}
.btb-modal .box{position:relative;background:#fff;border-radius:14px;width:min(440px,100%);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px -20px rgba(0,0,0,.5);font-family:inherit}
.btb-modal .hd{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #e9eef5;font-weight:700;color:#10131b}
.btb-modal .x{margin-left:auto;border:0;background:#f6f8fc;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:#3d4757}
.btb-modal .chips{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid #e9eef5}
.btb-modal .chips:empty{display:none}
.btb-modal .chip{font-size:12.5px;border:1px solid #d9e1ec;border-radius:999px;padding:3px 9px;color:#3d4757}
.btb-modal .list{overflow-y:auto;padding:6px 8px}
.btb-modal .row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 6px;text-decoration:none;color:#10131b;border-radius:8px}
.btb-modal .row:hover{background:#f6f8fc}
.btb-modal .row img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e3e9f1}
.btb-modal .row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btb-modal .row span{font-size:12px;color:#67748a}
.btb-modal .row .e{font-size:20px}
.btb-modal .vide{padding:18px 12px;text-align:center;color:#67748a;font-size:14px;margin:0}
.btb-suivre{display:inline-flex;align-items:center;gap:5px;border:1px solid #0c376b;color:#0c376b;background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;line-height:1.2;white-space:nowrap}
.btb-suivre:hover{background:#e6eef8}
.btb-suivre.on{background:#eaf4dd;border-color:#8abf56;color:#3f6b1c}
.btb-suivre.mini{padding:1px 8px;font-size:10.5px;gap:3px;flex:none}
.btb-suivre .ic{font-size:1.05em;line-height:1}
.btb-suivi-n{font-size:12.5px;color:#67748a;margin-left:8px;white-space:nowrap}
@media (max-width:640px){.btb-react-picker button{font-size:26px;padding:6px}}