/* Accent Club ORANGE (JB 2026-10-19 11:23) : #ec5501 = « CLUB » du logo (décor : bordures, barres, contours) ; #c24600 = même orange assombri pour le texte et le texte blanc posé dessus (AA ≥ 4,5) ; survol #a33b00 ; fond doux #fff1e8. Couleurs des programmes inchangées. */
/* Orange 2 (JB 2026-10-20 10:23) : boutons à fond plein = #ec5501 (« CLUB » du logo), survol #d14b00, texte blanc gras 800 en 19 px (3,58:1 = AA grand texte) ; pastilles/onglets petits restent #c24600 ; liens et petits textes #c24600. */
/* Fil du Club v2 (2026-10-17) — HABILLAGE SEUL du fil (/newsfeed) et du profil (/profile), langage visuel de l'espace membre A.
   Tout est préfixé body.nf2 (classe posée par index.php) : aucune autre page n'est touchée. Le DOM, les ids, les classes et
   les data-attributes produits par include/newsfeed.php et include/newsfeed.js sont inchangés ; on ne fait que les styler.
   Coupure : CLUB_NEWSFEED_V2=0 → plus de classe nf2 → feuilles historiques seules. */
body.nf2{--paper:#faf7f1;--ink:#18332d;--text:#2b3a36;--muted:#55655f;--green:#c24600;--green-soft:#fff1e8;--club:#ec5501;--line:#e4dfd3;--hover:#f3f1ea;--accent:#c2410c;--r:18px;
  background:var(--paper)!important;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
body.nf2 .shadow-panel-wrapper{background:transparent;border:0;box-shadow:none;padding:0 0 40px!important;outline:none}
body.nf2 .shadow-panel-wrapper>.container{width:auto;max-width:760px;margin:0 auto;padding:0 16px}
body.nf2.nf2-profile .shadow-panel-wrapper>.container{max-width:640px}
body.nf2 .club-section{max-width:none;padding:0;margin:0}
body.nf2 .commentblock{background:none;border:0;box-shadow:none;padding:0;margin:0}
body.nf2 .nf2-intro{padding:28px 2px 18px;text-align:left}
body.nf2 .nf2-intro h1{margin:0;font:800 clamp(30px,5vw,42px)/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.02em;color:var(--ink);text-align:left}
body.nf2 .nf2-intro p{margin:6px 0 0;color:var(--muted);font-size:16px;text-align:left}
body.nf2 a:focus-visible,body.nf2 button:focus-visible,body.nf2 [tabindex]:focus-visible,body.nf2 input:focus-visible{outline:3px solid var(--club);outline-offset:3px}

/* « Écrivez quelque chose » */
body.nf2 .create-post-trigger{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 16px;box-shadow:0 1px 2px rgba(24,51,45,.04);cursor:pointer}
body.nf2 .create-post-trigger:hover{background:#fff;border-color:#d6cfbf}
body.nf2 .trigger-avatar img{width:44px;height:44px;margin:0;border-radius:50%;object-fit:cover;background:#eee}
body.nf2 .trigger-input{flex:1;min-width:0;background:var(--hover);border-radius:999px;padding:12px 16px;color:var(--muted);font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Onglets des parcours (Accueil, séries…) : pastilles ; mobile = défilement horizontal */
body.nf2 .journey-tabs-container{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--line)}
body.nf2 .journey-tab,body.nf2 button#journey-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:600 14.5px/1.2 system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s}
body.nf2 .journey-tab:hover{background:var(--hover)}
body.nf2 .journey-tab.active{background:var(--tab,var(--green));border-color:var(--tab,var(--green));color:var(--tab-ink,#fff)}
body.nf2 .journey-tab[data-journey-id]:not([data-journey-id="all"])::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tab,var(--green));flex:none}
body.nf2 .journey-tab.active::before{background:currentColor!important;opacity:.85}
/* couleurs programme (EASYGYM-COULEURS.md) : appliquées via data-journey-id (id de série) quand le programme a un onglet */
body.nf2 .journey-tab[data-journey-id="f0dd5f28-20d2-4806-9b5b-c134cc4fa1d9"]{--tab:#38bdf8;--tab-ink:#0b2a3c}
body.nf2 .journey-tab[data-journey-id="2e7851d3-6f47-40d5-969f-97d9ffff6889"]{--tab:#dc2626;--tab-ink:#fff}
body.nf2 .journey-tab[data-journey-id="8febf004-2cc5-46dc-bee7-977a34a3c4cc"]{--tab:#e5ff1f;--tab-ink:#1f2600}
body.nf2 .journey-tab[data-journey-id="68f6bc4a-51ec-4498-a79a-a995b18a588a"]{--tab:#d9a20b;--tab-ink:#1f1700}
body.nf2 .journey-tab[data-journey-id="0e0d2925-3739-417e-b1fa-74ea9d17c338"]{--tab:#ff8f00;--tab-ink:#2b1700}
body.nf2 .journey-tab[data-journey-id="3189c986-260f-41f4-9e44-e153666d415f"]{--tab:#5b3fa0;--tab-ink:#fff}
body.nf2 .journey-tab[data-journey-id="0ab2d696-9110-48a5-ba0d-3b0b1d212bc1"],body.nf2 .journey-tab[data-journey-id="aee53d77-c4be-499b-8598-faa394ac8b28"]{--tab:#0f766e;--tab-ink:#fff}
body.nf2 .journey-tab[data-journey-id="c42b06f8-da77-4bee-a8e2-986aadd3081d"]{--tab:#2fbf4a;--tab-ink:#062a12}
/* boutons d'appel posés par newsfeed.js (styles en ligne) : même pastille, contour orange */
body.nf2 #journey-invitation,body.nf2 #decouverte-button{border:1.5px solid var(--accent)!important;background:#fff!important;color:var(--accent)!important}
body.nf2 #journey-invitation:hover,body.nf2 #decouverte-button:hover{background:#fff4ec!important}
body.nf2 .filter-buttons-container{border-bottom-color:var(--line)}
body.nf2 .filter-btn,body.nf2 .filter-more-btn,body.nf2 .filter-sort-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 12px;font-weight:600}
body.nf2 .filter-btn.active{background:var(--green);border-color:var(--green);color:#fff}

/* Cartes du fil */
body.nf2 #comments-list>p,body.nf2 #comments-list>.text-center{color:var(--muted)}
body.nf2 .hashover-comments-section .hashover-comment{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin:0 0 14px;padding:14px 16px 6px;box-shadow:0 1px 2px rgba(24,51,45,.04);transition:border-color .15s,box-shadow .15s}
body.nf2 .hashover-comments-section .hashover-comment:hover{background:#fff;border-color:#d6cfbf;box-shadow:0 6px 18px rgba(24,51,45,.07)}
body.nf2 .hashover-comment .hashover-header{display:flex;align-items:center;gap:0;margin:0 0 10px;min-height:44px}
body.nf2 .hashover-comment .hashover-avatar img{width:44px!important;height:44px!important;margin-right:12px!important;border-radius:50%;object-fit:cover;background:#eee}
body.nf2 .hashover-comment .hashover-comment-name{display:flex;flex-direction:column;min-width:0;line-height:1.25}
body.nf2 .hashover-comment .hashover-comment-name span:first-child{font-weight:700;font-size:15.5px;color:var(--ink)}
body.nf2 .hashover-comment .hashover-menu-button{width:40px;height:40px;border-radius:50%;color:var(--muted);font-size:18px;line-height:1;letter-spacing:1px}
body.nf2 .hashover-comment .hashover-menu-button:hover{background:var(--hover)}
body.nf2 .hashover-dropdown-menu{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 32px rgba(24,51,45,.14);overflow:hidden;padding:4px;min-width:170px;font-size:14px}
body.nf2 .hashover-dropdown-menu a{border-radius:9px;padding:10px 12px;color:var(--ink);font-weight:600}
body.nf2 .hashover-dropdown-menu a:hover{background:var(--hover)}
body.nf2 .hashover-comment .pinned-badge{background:var(--green-soft);color:var(--green);border-radius:999px;padding:3px 9px}
body.nf2 .hashover-comment .comment-title{padding-left:0;margin:0 0 6px;font-size:17px;line-height:1.3;font-weight:800;color:var(--ink);letter-spacing:-.005em}
body.nf2 .hashover-comment .hashover-content{padding-left:0;font-size:15px;color:var(--text)}
body.nf2 .hashover-comment .feed-comment-main-content .hashover-content{line-height:1.5em;max-height:4.5em;-webkit-line-clamp:3;padding-bottom:0}
body.nf2 .hashover-comment .feed-comment-main-content .hashover-content::after{height:1.6em;margin-top:0}
body.nf2 .hashover-comment .feed-comment-body{gap:14px;margin:0 0 10px;align-items:flex-start}
body.nf2 .hashover-comment .feed-comment-image-preview{width:128px;height:128px;margin-top:0;border-radius:14px;background:var(--hover)}
body.nf2 .hashover-comment .unread-dot-feed,body.nf2 .hashover-content .unread-dot-feed{background:var(--accent);width:9px;height:9px}
body.nf2 .hashover-comments-section .hashover-comment.notification-comment{border-left:4px solid var(--club)!important}
body.nf2 .hashover-comments-section .hashover-comment.notification-comment.is-seen{border-left-color:var(--line)!important}
body.nf2 .hashover-comment.featured-comment{background:#fffaf0;border-color:#efd9a7;box-shadow:none}
body.nf2 .hashover-comment.featured-comment:hover{background:#fffaf0}
body.nf2 .hashover-avatar.rainbow-border img{box-shadow:0 0 0 2px #fff,0 0 0 4px #d9a20b}
/* pied de carte : J'aime, réponses, avatars des membres, date */
body.nf2 .hashover-comment .hashover-footer{border-top:1px solid #f1eee6;padding:6px 0 0;min-height:44px}
body.nf2 .hashover-comment .footer-left{gap:6px}
body.nf2 .hashover-comment .like-button{min-width:40px;min-height:40px;justify-content:center;border-radius:999px;color:var(--muted);padding:0 8px}
body.nf2 .hashover-comment .like-button:hover{background:var(--hover)}
body.nf2 .like-button.liked,body.nf2 .hashover-comment .like-button.liked{color:var(--green)}
body.nf2 .like-count,body.nf2 .hashover-comment .engagement-count{color:var(--muted);font-size:14px;font-weight:600}
body.nf2 .hashover-comment .engagement-metrics{color:var(--muted);margin-left:6px}
body.nf2 .hashover-comment .engagement-icon{fill:var(--muted);top:3px}
body.nf2 .hashover-comment .replier-avatar{width:28px;height:28px;border-width:2px}
body.nf2 .hashover-comment .timestamp{color:var(--muted);font-size:13px}
body.nf2 .likers-tooltip{background:var(--ink);border-radius:10px}

/* Fenêtres (publication, fil de discussion, aperçu) : même style de carte et boutons verts */
body.nf2 .modal-content{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(24,51,45,.25)}
body.nf2 .modal-header,body.nf2 .modal-footer{border-color:var(--line)}
body.nf2 .modal-btn{border-radius:12px;min-height:44px;padding:10px 18px;font-weight:700}
body.nf2 .modal-btn-post{background:var(--club);color:#fff;font-size:19px;font-weight:800}
body.nf2 .modal-btn-post:hover{background:#d14b00;color:#fff!important}
body.nf2 .modal-btn-cancel{background:var(--hover);color:var(--ink)}
body.nf2 .thread-main-comment{border:1px solid var(--line);border-radius:var(--r)}
body.nf2 .rich-text-editor-wrapper{border:1px solid var(--line);border-radius:14px}
body.nf2 .thread-reply-button:hover{color:var(--green)}

/* Pied de page historique */
body.nf2 .footer-container{background:transparent;border-top:1px solid var(--line);padding:22px 16px 28px;text-align:center}
body.nf2 .footer-container footer.branded{background:transparent;color:var(--muted)}
body.nf2 .footer-container .links a,body.nf2 .footer-container .links span{color:var(--muted);font-size:13px}

/* Profil */
body.nf2 .profile-container{padding:0 0 8px;max-width:none}
body.nf2 .profile-message{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-weight:600}
body.nf2 .profile-message.success{background:var(--green-soft);color:#9a3800;border:1px solid #f6c9ad}
body.nf2 .profile-message.error{background:#fdecec;color:#991b1b;border:1px solid #f6caca}
body.nf2 .profile-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 1px 2px rgba(24,51,45,.04)}
body.nf2 .profile-section-title{margin:0 0 14px;font:800 18px/1.3 system-ui,sans-serif;color:var(--ink);text-align:left}
body.nf2 .profile-avatar-section{text-align:center;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid #f1eee6}
body.nf2 .profile-avatar-img{width:128px;height:128px;border-radius:50%;object-fit:cover;margin:0 auto 14px;border:4px solid #fff;box-shadow:0 0 0 1px var(--line),0 6px 16px rgba(24,51,45,.12)}
body.nf2 #cropper-container{max-width:360px;margin:0 auto 15px}
body.nf2 .profile-form label,body.nf2 .profile-label{display:block;margin:0 0 8px;font-weight:700;font-size:15px;color:var(--ink)}
body.nf2 .profile-avatar-section label{margin-top:4px}
body.nf2 .profile-form input[type=file]{display:block;margin:6px auto 0;max-width:100%;font-size:14px;color:var(--muted)}
body.nf2 .profile-form input[type=file]::file-selector-button{min-height:44px;margin-right:10px;padding:10px 16px;border:0;border-radius:12px;background:#fff;color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green);font:700 15px/1.2 system-ui,sans-serif;cursor:pointer}
body.nf2 .profile-form small{display:block;margin-top:10px;color:var(--muted);font-size:13.5px;line-height:1.45}
body.nf2 .profile-form,body.nf2 .profile-form *{box-sizing:border-box}
body.nf2 .profile-form-group{margin:0 0 18px;text-align:left}
body.nf2 .profile-form input[type=text]{width:100%;min-height:48px;padding:12px 14px;border:1px solid #cfc8b8;border-radius:12px;font-size:16px;color:var(--ink);background:#fff;box-shadow:none}
body.nf2 .profile-form input[type=text]:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(236,85,1,.2);outline:none}
body.nf2 .profile-email{margin:0;padding:12px 14px;border-radius:12px;background:var(--hover);color:var(--text);font-size:15px;word-break:break-all}
body.nf2 .profile-form button[type=submit]{width:100%;min-height:52px;margin:4px 0 0;padding:12px 20px;border:0;border-radius:12px;background:var(--club);color:#fff;font:800 19px/1.25 system-ui,sans-serif;cursor:pointer}
body.nf2 .profile-form button[type=submit]:hover{background:#d14b00}
body.nf2 .profile-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 22px;margin:18px 0 0}
body.nf2 .profile-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--green);font-weight:700}

/* Mobile d'abord (390) */
@media (max-width:820px){
  body.nf2{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  body.nf2 .mh-tabbar{position:fixed;left:0;right:0;bottom:0}
}
@media (max-width:600px){
  body.nf2 .shadow-panel-wrapper>.container{padding:0 12px}
  body.nf2 .nf2-intro{padding:20px 4px 14px}
  body.nf2 .journey-tabs-container{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px 16px;padding:0 12px 12px;-webkit-overflow-scrolling:touch}
  body.nf2 .journey-tabs-container::-webkit-scrollbar{display:none}
  body.nf2 .journey-tab{flex:none}
  body.nf2 .hashover-comments-section .hashover-comment{padding:12px 14px 4px;border-radius:16px}
  body.nf2 .hashover-comment .feed-comment-image-preview{width:96px;height:96px;border-radius:12px}
  body.nf2 .hashover-comment .hashover-content{font-size:15px}
  body.nf2 .hashover-comment .timestamp{font-size:12.5px}
  body.nf2 .profile-form{padding:20px 16px}
}
/* 2026-10-18 (JB) : onglet Accueil en bleu comme l'original ; bouton arc-en-ciel « Activer mon Club » (bordure dégradée de .rainbow-border, newsfeed.css) */
body.nf2 .journey-tab[data-journey-id="all"]{--tab:#1877f2;--tab-ink:#fff}
body.nf2 .nf2-activate{display:inline-flex;align-items:center;flex:none;box-sizing:border-box;height:40px;margin:9px 0 0 9px;padding:0 16px;border:2px solid transparent;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet,red) border-box;background-size:100% 100%,200% 100%;animation:nf2rainbow 3s linear infinite;color:var(--ink,#16302b)!important;font:700 14.5px/1.2 system-ui,-apple-system,sans-serif;text-decoration:none!important;white-space:nowrap}
body.nf2 .nf2-activate:hover{filter:brightness(.97)}
body.nf2 .nf2-activate:focus-visible{outline:3px solid #1877f2;outline-offset:2px}
@keyframes nf2rainbow{from{background-position:0 0,0 0}to{background-position:0 0,200% 0}}
@media (prefers-reduced-motion:reduce){body.nf2 .nf2-activate{animation:none}}
/* 2026-10-19 (JB) : marge entre le header et le haut du fil */
body.nf2.nf2-newsfeed .shadow-panel-wrapper{padding-top:28px!important}
/* en-tête commun (club/header.css, non versionnable ici) : contour de focus à l'orange du Club (2026-10-19) */
.fp-header a:focus-visible{outline-color:#ec5501}