/* Accueil membre plus soigné + offres dans le fil (2026-11-15).
   Chargé seulement sur la page des membres, après style.css : tout est préfixé par #membres.m-app. */

/* ---------- Cartes du fil : même rayon, même ombre, même espacement ---------- */
#membres.m-app .panel{border-radius:16px}
#membres.m-app #m-pubs{display:flex;flex-direction:column;gap:12px}
#membres.m-app #m-pubs > *{margin:0}

/* ---------- Bonjour : sur la même ligne que le menu « Moi » (téléphone) ---------- */
@media (max-width:720px){
  #membres.m-app{position:relative;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  #membres.m-app:has(> .m-barre + #m-vue .m-bonjour) > .m-barre{position:absolute;top:2px;inset-inline-end:0;margin:0;z-index:5}
  #membres.m-app .m-bonjour{margin:4px 0 14px;padding-inline-end:96px;font-size:26px}
  #membres.m-app .m-bonjour small{font-size:14.5px;margin-top:2px}
}

/* ---------- « Offres pour vous » : en-tête sur une ligne, cartes plus nettes ---------- */
#membres.m-app .m-bande{padding:14px 0 10px;border-top:0;box-shadow:0 1px 2px rgba(11,23,48,.05),0 8px 24px rgba(11,23,48,.06);position:relative}
#membres.m-app .m-bande::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1e4ba6,#5582d6 60%,#f5c400)}
#membres.m-app .m-bande-tete{flex-wrap:nowrap;padding:4px 16px 10px;gap:8px}
#membres.m-app .m-bande-tete .m-h2{font-size:18px;white-space:nowrap}
#membres.m-app .m-bande-tete .m-lien{margin-inline-start:auto;font-size:13.5px;font-weight:600;white-space:nowrap;text-decoration:none;color:var(--link)}
#membres.m-app .m-bande-nb{font-size:12px;padding:1px 8px}
#membres.m-app .m-bande-liste{padding:2px 16px 6px;gap:10px;scrollbar-width:none}
#membres.m-app .m-bande-liste::-webkit-scrollbar{display:none}
#membres.m-app .m-bande-carte{flex:0 0 min(250px,74vw);padding:12px 13px;gap:3px;border-radius:14px;background:var(--surface);box-shadow:0 1px 2px rgba(11,23,48,.04)}
#membres.m-app .m-bande-carte strong{font-size:15px;-webkit-line-clamp:2}
#membres.m-app .m-bande-pied{padding-top:8px}
#membres.m-app .m-bande-pied small{font-size:12.5px}
@media (max-width:420px){#membres.m-app .m-bande-tete .m-lien{font-size:0}#membres.m-app .m-bande-tete .m-lien::after{content:"→";font-size:20px;line-height:1}}

/* ---------- Zone de rédaction : boutons en pastilles sur une ligne ---------- */
#membres.m-app .m-composer{padding:16px 14px 12px;gap:12px}
#membres.m-app .m-composer-haut .m-avatar{width:44px;height:44px;flex:none}
#membres.m-app .m-commencer{padding:11px 16px;font-size:15px}
#membres.m-app .m-commencer::before{content:none}
#membres.m-app .m-types{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow-x:auto;padding:0 0 2px!important;justify-content:flex-start!important;scrollbar-width:none}
#membres.m-app .m-types::-webkit-scrollbar{display:none}
#membres.m-app .m-type{flex:none!important;flex-direction:row!important;gap:6px!important;white-space:nowrap!important;padding:7px 12px!important;font-size:13.5px!important;line-height:1.2!important;text-align:start!important}
#membres.m-app .m-type .m-ico{width:17px;height:17px}
@media (max-width:720px){#membres.m-app .m-types{flex-wrap:nowrap!important}}

/* ---------- Offre dans le fil ---------- */
#membres.m-app .m-fil-offre{--c:#1e4ba6;--b:#eaf0fc;padding:18px 16px 14px}
#membres.m-app .m-fil-offre .m-fil-etiquette{margin-bottom:10px}
#membres.m-app .m-fo-corps{display:flex;gap:12px;align-items:flex-start}
#membres.m-app .m-fo-corps .org-mark{width:46px;height:46px;border-radius:10px}
#membres.m-app .m-fo-txt{min-width:0;flex:1}
#membres.m-app .m-fil-offre h3{margin:0 0 3px;font-size:17px!important;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#membres.m-app .m-fil-offre .m-fil-meta{margin:0;color:var(--muted);font-size:14px;line-height:1.4}
#membres.m-app .m-fil-offre .m-fil-meta strong{color:var(--fg)}
#membres.m-app .m-fo-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
#membres.m-app .m-fo-tags > span{font:700 12px var(--f-body);padding:3px 9px;border-radius:999px}
#membres.m-app .m-fo-dom{background:var(--chip);color:var(--link)}
#membres.m-app .m-fo-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#membres.m-app .m-fo-date{font-size:13.5px;color:var(--muted)}
#membres.m-app .m-fo-actions{display:flex;align-items:center;gap:14px;margin-inline-start:auto}
#membres.m-app .m-fo-actions .m-lien{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--link)}
#membres.m-app .m-fo-actions .btn{border-radius:999px;padding:8px 18px;font-size:14.5px}
@media (max-width:420px){#membres.m-app .m-fo-actions .m-lien{display:none}}

/* ---------- Lumen sur l'espace membre : bouton rond, sans bulle d'invitation qui cache la page ---------- */
body:has(#membres.m-app) .ia-invite{display:none!important}
@media (max-width:720px){
  body:has(#membres.m-app) .ia-bulle{width:52px;height:52px;padding:0!important;justify-content:center;gap:0;inset-inline-end:14px;bottom:calc(84px + env(safe-area-inset-bottom))!important;box-shadow:0 6px 18px rgba(11,23,48,.30)}
  body:has(#membres.m-app) .ia-bulle .ia-long,body:has(#membres.m-app) .ia-bulle .ia-court,body:has(#membres.m-app) .ia-bulle > span{display:none!important}
  body:has(#membres.m-app) .ia-bulle svg{width:26px;height:26px}
}

/* ---------- Mode sombre ---------- */
@media (prefers-color-scheme:dark){
  #membres.m-app .m-bande{box-shadow:none}
  #membres.m-app .m-bande-carte{background:var(--bg)}
  #membres.m-app .m-fil-offre{--b:#17294f;--c:#8fb2f5}
  #membres.m-app .m-fo-corps .org-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
  body:has(#membres.m-app) .ia-bulle{box-shadow:0 6px 18px rgba(0,0,0,.5)}
}

/* ---------- « Progresser dans votre métier » : cartes de hauteur raisonnable sur téléphone ---------- */
@media (max-width:720px){
  #membres.m-app .m-pg-bloc .m-pg-q{display:none}
  #membres.m-app .m-pg-bloc{flex-basis:74%}
  #membres.m-app .m-pg-pied{margin-top:6px}
  #membres.m-app .m-pg-bloc .m-pg-t,#membres.m-app .m-pg-bloc > .m-pg-txt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}