/* Penta Com dans le nouveau site (beta/communaute.php). Les publications sont écrites par le script commun
   (helpers/communaute_fil.php) avec les classes de l'ancienne page : on les ramène ici au style du site. */
body.pm-nouveau { background: #fff; }
.encadre, .composer, .post-card, .recherche, #pm-notif-dropdown, .pub { border-radius: 12px; }
.composer { border: 1px solid var(--filet); overflow: hidden; }
.recherche:focus { outline: 2px solid var(--d); outline-offset: 1px; }

/* Onglets du fil */
.pm-feed-tab { color: #5b616b; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.pm-feed-tab:hover { color: var(--encre); }
.pm-feed-tab.active { color: var(--encre); border-bottom-color: var(--d); }

/* Publications */
.post-card { background: #fff; border: 1px solid var(--filet); margin-bottom: 20px; overflow: hidden; }
.community-compact .post-card { margin-bottom: 12px; }
.community-compact .post-card .p-4 { padding: 12px; }
.pm-nouveau .post-card .rounded-xl { border-radius: 10px; }
.pm-nouveau .post-card [class*="text-indigo-"], .pm-nouveau #pm-post-modal [class*="text-indigo-"] { color: var(--d); }
.pm-nouveau .post-card [class*="bg-indigo-"], .pm-nouveau #pm-post-modal [class*="bg-indigo-"] { background: var(--dc); color: var(--d); }
.pm-nouveau .post-card .bg-slate-50 { background: #f6f7f9; }
.pm-nouveau .post-card .bg-slate-200 { background: #eceef1; }
.action-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 12px; border-radius: 8px; color: #5b616b; font-weight: 600; cursor: pointer; flex: 1; }
.action-btn:hover { background: #f6f7f9; }
.action-btn.active-like { color: var(--d); }
.pm-content a.pm-tag, .pm-content a.pm-mention { color: var(--d); font-weight: 600; }
.pm-content a.pm-tag:hover, .pm-content a.pm-mention:hover { text-decoration: underline; }

/* Réactions */
.pm-react-wrap { position: relative; }
.pm-react-popup { position: absolute; bottom: calc(100% + 6px); left: 0; display: none; gap: 2px; background: #fff; border: 1px solid var(--filet); border-radius: 12px; padding: 4px 6px; z-index: 30; }
.pm-react-wrap.open .pm-react-popup { display: flex; }
.pm-react-popup button { width: 38px; height: 38px; border-radius: 8px; font-size: 22px; line-height: 1; }
.pm-react-popup button:hover { background: #f6f7f9; }
.pm-react-summary { display: flex; align-items: center; gap: 2px; }
.pm-react-summary .emoji { font-size: 14px; }

/* Sondages */
.pm-poll-opt { position: relative; overflow: hidden; border: 1px solid var(--filet); border-radius: 10px; padding: 10px 14px; margin-bottom: 8px; cursor: pointer; font-size: 14px; }
.pm-poll-opt:hover { background: #f6f7f9; }
.pm-poll-opt .bar { position: absolute; inset: 0 auto 0 0; background: var(--dc); z-index: 0; transition: width .4s ease; width: 0; }
.pm-poll-opt .lbl, .pm-poll-opt .pct { position: relative; z-index: 1; }
.pm-poll-opt.voted-mine { border-color: var(--d); }
.pm-poll-opt .pct { float: right; font-weight: 700; color: var(--d); }

/* Notifications et mentions */
.pm-notif-badge { position: absolute; top: -4px; right: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #dc2626; color: #fff; font-size: 10px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.pm-notif-badge.hidden { display: none; }
#pm-notif-dropdown { max-height: 380px; overflow-y: auto; }
#pm-mention-box { background: #fff; border: 1px solid var(--filet); border-radius: 10px; max-height: 220px; overflow-y: auto; }
#pm-mention-box button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; text-align: left; }
#pm-mention-box button:hover, #pm-mention-box button.active { background: #f6f7f9; }

/* Fenêtre de publication : sans flou ni ombre, bouton aux couleurs du site */
.pm-nouveau #pm-post-modal { backdrop-filter: none; }
.pm-nouveau #pm-post-modal > div { border-radius: 12px; box-shadow: none; }
.pm-nouveau #pm-post-modal h3 { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; }
.pm-nouveau #submit-post-btn { background: var(--d); border-color: var(--d); color: #fff; border-radius: 8px; }
.pm-nouveau .post-card input[type=text] { border-radius: 8px; }

/* Liste des membres à mentionner (beta/communaute_social.js) */
.pm-mentions {
    position: absolute;
    z-index: 200;
    width: min(20rem, calc(100vw - 16px));
    max-height: 18rem;
    overflow-y: auto;
    background: #fff;
    color: #111418;
    border: 1px solid #d9dce1;
    border-radius: 10px;
    padding: .25rem;
}
.pm-mention-option {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    padding: .45rem .5rem;
    border-radius: 8px;
    text-align: left;
}
.pm-mention-option:hover,
.pm-mention-option[aria-selected="true"] { background: #eef1f5; }

/* Penta Com multisport : boutons de sport sous le formulaire de publication (beta/sports.js). */
.pm-sports-barre { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.pm-sports-choix { padding: 4px 10px; border: 1px solid #cfd4da; border-radius: 8px; background: none; font-size: 13px; font-weight: 600; }
.pm-sports-choix[aria-pressed="true"] { border-color: currentColor; color: var(--d, #1d4ed8); }