/* 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. */
/* En-tête membre Fasting+ PARTAGÉ (2026-10-17) : espace (/club/*.php, /content) + fil du Club (/newsfeed, /profile).
   Composant : include/club_member_header.php. Chargé APRÈS les feuilles historiques du fil (bootstrap, header.php) : sélecteurs .mh-hd
   assez précis pour les neutraliser. Pas de style en ligne (CSP style-src 'self' de l'espace). */
.mh-hd,.mh-tabbar,.mh-skip{--mh-ink:#18332d;--mh-muted:#55655f;--mh-green:#c24600;--mh-green-soft:#fff1e8;--mh-club:#ec5501;--mh-line:#e4dfd3;--mh-hover:#f3f1ea}
.mh-hd *,.mh-tabbar *{box-sizing:border-box}
.mh-skip{position:absolute;left:12px;top:-60px;z-index:10002;background:#fff;color:var(--mh-green);padding:10px 16px;border-radius:10px;font:700 16px/1.4 system-ui,sans-serif;text-decoration:none}
.mh-skip:focus{top:12px}
header.fp-header.mh-hd{flex-wrap:nowrap;gap:12px 20px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:sticky;top:0;z-index:1002}
.mh-hd .ic{flex:none}
.mh-hd a,.mh-hd a:hover,.mh-hd a:focus,.mh-tabbar a,.mh-tabbar a:hover{text-decoration:none}
.mh-hd a:focus-visible,.mh-hd button:focus-visible,.mh-tabbar a:focus-visible{outline:3px solid var(--mh-club);outline-offset:3px;border-radius:10px}
.mh-nav{display:flex;gap:4px;margin-right:auto;margin-left:8px}
.mh-nav a{display:flex;align-items:center;gap:8px;font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:10px 14px;border-radius:999px;color:var(--mh-ink);min-height:44px}
.mh-nav a:hover{background:var(--mh-hover);color:var(--mh-ink)}
.mh-nav a[aria-current]{background:var(--mh-green-soft);color:var(--mh-green)}
/* outils : messagerie, cloche, compte */
.mh-tools{display:flex;align-items:center;gap:6px;flex:none}
.mh-pop{position:relative}
.mh-hd .mh-ib{position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mh-ink);cursor:pointer;font:inherit;box-shadow:none}
.mh-hd .mh-ib:hover,.mh-hd .mh-ib[aria-expanded="true"]{background:var(--mh-hover)}
.mh-hd .mh-count{position:absolute;top:3px;right:1px;display:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#c2410c;color:#fff;font:800 12px/1 system-ui,sans-serif;width:auto;border:2px solid #fff}
.mh-hd .mh-me{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:2px 6px 2px 10px;border:0;border-radius:999px;background:transparent;color:var(--mh-ink);font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;box-shadow:none}
.mh-hd .mh-me:hover,.mh-hd .mh-me[aria-expanded="true"]{background:var(--mh-hover)}
.mh-hd .mh-me .ic{color:var(--mh-muted)}
.mh-hd .mh-avatar{width:40px;height:40px;border-radius:50%;background:#f1d9c5;color:#7a3410;display:grid;place-items:center;font-weight:800;font-size:17px;flex:none;overflow:hidden;border:0;margin:0}
.mh-hd img.mh-avatar{object-fit:cover;background:#eee;display:block;max-width:none}
/* panneaux (cloche, menu du compte) : surchargent les styles historiques de header.php sur le fil */
.mh-hd .notification-panel,.mh-hd .user-menu-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:1003;background:#fff;border:1px solid var(--mh-line);border-radius:16px;box-shadow:0 18px 40px rgba(24,51,45,.16);overflow:hidden;text-align:left;color:var(--mh-ink)}
.mh-hd .notification-panel.show,.mh-hd .user-menu-dropdown.show{display:block}
.mh-hd .notification-panel{width:390px}
.mh-hd .notification-panel-header{padding:14px 18px;font:800 16px/1.3 system-ui,sans-serif;border-bottom:1px solid var(--mh-line)}
.mh-hd .notification-panel-body{max-height:min(460px,70vh);overflow-y:auto;overscroll-behavior:contain}
.mh-hd .notification-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #f1eee6;color:var(--mh-ink);background:#fff;text-decoration:none}
.mh-hd .notification-item:last-child{border-bottom:0}
.mh-hd .notification-item:hover{background:#faf7f1;color:var(--mh-ink)}
.mh-hd .notification-item .unread-dot{width:9px;height:9px;margin:0;border-radius:50%;background:#c2410c;flex:none}
.mh-hd .notification-item.is-seen{background:#fff}
.mh-hd .notification-item.is-seen .unread-dot{display:none}
.mh-hd .notification-item-content{flex:1;min-width:0;padding:0}
.mh-hd .notification-item-text{font-size:14px;line-height:1.4;color:var(--mh-ink);text-align:left}
.mh-hd .notification-item.is-seen .notification-item-text{color:var(--mh-muted)}
.mh-hd .notification-item-text b{font-weight:700}
.mh-hd .notification-item-time{font-size:12.5px;color:var(--mh-muted);margin-top:3px;text-align:left}
.mh-hd .notification-item-thumbnail{width:72px;height:46px;object-fit:cover;border-radius:8px;flex:none;display:block}
.mh-hd .notification-placeholder{padding:28px 18px;text-align:center;color:var(--mh-muted);font-size:14px}
.mh-hd .user-menu-dropdown{min-width:210px;padding:6px}
.mh-hd .user-menu-dropdown a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:10px;color:var(--mh-ink);font:600 15px/1.2 system-ui,sans-serif;background:none}
.mh-hd .user-menu-dropdown a:hover{background:var(--mh-hover);color:var(--mh-ink)}
.mh-hd .user-menu-dropdown a .ic{color:var(--mh-muted)}
.mh-tabbar{display:none}
@media(max-width:1000px){.mh-nav a span{font-size:14px}.mh-nav a{padding:10px}}
@media(max-width:820px){
 header.fp-header.mh-hd{padding:8px 10px 8px 16px;gap:8px}.mh-nav{display:none}.fp-header.mh-hd .fp-header-brand img{width:auto;height:42px}
 .mh-tools{margin-left:auto;gap:2px}.mh-hd .mh-me-name{display:none}.mh-hd .mh-me{padding:2px}.mh-hd .mh-me>.ic{display:none}
 .mh-hd .notification-panel{position:fixed;top:64px;left:8px;right:8px;width:auto}
 .mh-hd .user-menu-dropdown{position:fixed;top:64px;right:8px}
 .mh-tabbar{display:flex;position:sticky;bottom:0;z-index:1001;background:#fff;border-top:1px solid var(--mh-line);justify-content:space-around;padding:6px 4px calc(8px + env(safe-area-inset-bottom))}
 .mh-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:48px;justify-content:center;font:600 12px/1.2 system-ui,sans-serif;color:#4b5a55;text-align:center}
 .mh-tabbar a:hover{color:#4b5a55}
 .mh-tabbar a[aria-current]{color:var(--mh-green)}
}
/* 2026-10-18 : non-abonné Fasting+ → « Outils & recettes » grisé (mène à /invitation.html), cadenas + mention Fasting+. Contrastes : gris 5,1:1 sur blanc, badge 5,2:1. */
.mh-hd .mh-sr,.mh-tabbar .mh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mh-nav a.mh-off{color:#66706c}
.mh-nav a.mh-off>.ic{opacity:.55}
.mh-nav a.mh-off:hover{background:var(--mh-hover);color:var(--mh-ink)}
.mh-hd .mh-plus{display:inline-flex;align-items:center;gap:3px;margin-left:2px;padding:2px 7px;border-radius:999px;background:#efece4;color:#55655f;font:700 11.5px/1.2 system-ui,sans-serif;letter-spacing:.01em}
.mh-hd .mh-plus .ic,.mh-tabbar .mh-plus .ic{opacity:1}
.mh-tabbar a.mh-off{position:relative;color:#66706c}
.mh-tabbar a.mh-off>.ic{opacity:.5}
.mh-tabbar .mh-plus{position:absolute;top:2px;left:calc(50% + 6px);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#efece4;color:#55655f}