/* bb-entete-pied.css : lots D3 + D7.1c, en-tête, pied, méga-menus et popups au rendu de la maquette v12.
   Généré par L2-theme-builder/scripts/generer_l2_d3.py ; à charger après bb-global.css (L1) et bb-composants.css (L4).
   Règle : ne porte que ce qui n'a pas d'attribut Divi dans les références L8 (couleurs à transparence, pseudo-éléments,
   survols, collant défilé, grilles asymétriques, états JS, règles sur le HTML rendu par WordPress et Divi Essential).
   Préfixe « .bb-m » (classe de chaque section générée). Sélecteurs Divi Essential relevés sur le DOM réel (recette D5 :
   .dnxte-mega-menu-panel, .dnxt-blurb-*) ou dans le schéma du Visual Builder (.dnxte-post-grid-*, .next_faq__*,
   .ajax_search__*). Points de rupture : 1180 (burger, pied 3 colonnes), 980, 760 (pied dépliable), 640 (barre 64 px).
   États JS lus (bb-ponts.js, bb-global.js) : bb-est-defile / is-scrolled, bb-est-ouvert, bb-est-actif, hidden, dnxte-mm-open. */
.bb-m{--bbm-bone:@@C:bone@@;--bbm-encre:@@C:encre@@;--bbm-lin:@@C:lin@@;--bbm-sable:@@C:sable@@;--bbm-argile:@@C:argile@@;
  --bbm-argile-clair:@@C:argile-clair@@;--bbm-argile-fonce:@@C:argile-fonce@@;--bbm-attenue:@@C:attenue@@;
  --bbm-attenue-sombre:@@C:attenue-sombre@@;--bbm-sauge:@@C:sauge@@;--bbm-sauge-clair:@@C:sauge-clair@@;
  --bbm-filet:rgba(36,30,26,.12);--bbm-filet-sombre:rgba(250,247,242,.14);--bbm-filet-pilule:#D9CFC2;
  --bbm-fd:'Poppins','Century Gothic','Futura',system-ui,sans-serif;--bbm-fb:'Inter','Segoe UI','Helvetica Neue',system-ui,sans-serif;
  --bbm-fs:'Fraunces','Iowan Old Style',Georgia,serif;--bbm-ease:cubic-bezier(.2,.7,.2,1);
  --bbm-ombre-lg:0 30px 80px -30px rgba(36,30,26,.45);--bbm-mega-w:100vw;--bbm-hh:127px}
.bb-m .et_pb_row{width:100%;max-width:1200px;margin:0 auto}
.bb-m .et_pb_module{margin-bottom:0}
.bb-m :focus-visible{outline:2px solid var(--bbm-argile-clair);outline-offset:3px}
/* Divi 5 : les colonnes et_flex_column_N_24 n'ont aucune largeur sur le site (D5 cause 1) et les sections / colonnes
   ajoutent gap 60 / 30 px (cause 2) : neutralisés ici pour l'en-tête, le pied, les méga-menus et les popups. */
.bb-m .et_pb_row.et_flex_row>.et_pb_column.et_flex_column{min-width:0;max-width:100%}
.bb-m.et_pb_section.et_flex_section,.bb-m .et_pb_column.et_flex_column{row-gap:0!important}

/* ---------- 1. En-tête collant entier (barre Encre 76 px + accroche 48 px ; 62 px défilé) ---------- */
/* Divi « collant » rend la seule barre Encre en position:fixed et l'accroche défile (D5 § 3.3) : la section n'a plus
   d'attribut sticky, c'est la mise en page Theme Builder entière qui colle. bb-ponts.js pose bb-est-defile et is-scrolled. */
.et-l--header:has(.bb-m.bb-entete),body.bb-m .et-l--header{position:sticky;top:0;z-index:9999}
.bb-m.bb-entete{position:static;z-index:auto;color:var(--bbm-bone);transition:box-shadow .3s}
.et-l--header:is(.bb-est-defile,.is-scrolled) .bb-m.bb-entete,.bb-m.bb-entete.bb-est-defile{box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
/* rangée 1200 : logo auto | menu 1fr | actions auto (maquette : logo 152 -> 269, menu 291 -> 908, droite 1029 -> 1288).
   D8 cause 4 : un style en ligne « position:relative ; z-index:999 » est posé sur cette rangée côté site et mega-menu.js (Divi
   Essential, mode « container ») se cale sur li.closest('.et_pb_row') : le panneau partait de x 120 / y 76. La rangée reste
   statique (!important bat le style en ligne) : le bloc conteneur du panneau est l'en-tête collant (x 0, y 127, 1440 px). */
.bb-m .bb-entete-nav.et_pb_row{display:flex!important;flex-wrap:nowrap;align-items:center;width:100%;max-width:1200px;margin:0 auto;
  padding-top:0;padding-bottom:0;padding-left:32px;padding-right:32px;min-height:76px;column-gap:18px;position:static!important;z-index:auto!important;transition:min-height .35s var(--bbm-ease)}
.et-l--header:is(.bb-est-defile,.is-scrolled) .bb-m .bb-entete-nav{min-height:62px}
.bb-m .bb-entete-nav>.et_pb_column{display:flex;align-items:center;margin:0;padding:0;position:static}
.bb-m .bb-entete-nav>.et_pb_column:nth-child(1){flex:0 0 auto!important;width:auto!important}
.bb-m .bb-entete-nav>.et_pb_column:nth-child(2){flex:1 1 0%!important;width:auto!important;min-width:0}
.bb-m .bb-entete-nav>.et_pb_column:nth-child(3){flex:0 0 auto!important;width:auto!important;margin-left:auto;justify-content:flex-end;column-gap:8px}
.bb-m .bb-logo,.bb-m .bb-logo .et_pb_image_wrap{display:block;line-height:0}
.bb-m .bb-logo img{display:block;height:40px;width:auto;transition:height .35s var(--bbm-ease)}
.et-l--header:is(.bb-est-defile,.is-scrolled) .bb-m .bb-logo img,.bb-m .bb-tiroir .bb-logo img{height:32px}
/* menu principal : rendu WordPress (ul.et-menu) sur une ligne ; pastille 40 px, Bone à 86 %, chevron Divi remplacé ;
   le menu, ses conteneurs et le li ne sont plus positionnés : le panneau du méga-menu se cale sur l'en-tête (§ 6). */
.bb-m .bb-menu-principal,.bb-m .bb-menu-principal .et_pb_menu_inner_container,.bb-m .bb-menu-principal .et_pb_menu__wrap,
.bb-m .bb-menu-principal .et_pb_menu__menu,.bb-m .bb-menu-principal nav,.bb-m .bb-menu-principal ul.et-menu,.bb-m .bb-menu-principal ul.et-menu>li{position:static}
.bb-m .bb-menu-principal{width:100%;min-width:0}
.bb-m .bb-menu-principal .et_pb_menu__wrap,.bb-m .bb-menu-principal .et_pb_menu__menu{justify-content:flex-start}
.bb-m .bb-menu-principal ul.et-menu{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;padding:0;margin:0}
.bb-m .bb-menu-principal ul.et-menu>li{margin:0;padding:0;display:flex;align-items:center;height:40px}
.bb-m .bb-menu-principal ul.et-menu>li>a{position:relative;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;
  font:500 14px var(--bbm-fd);color:rgba(250,247,242,.86)!important;white-space:nowrap;transition:color .2s,background-color .2s}
.bb-m .bb-menu-principal ul.et-menu>li.menu-item-has-children>a{padding-right:4px}
.bb-m .bb-menu-principal ul.et-menu>li>a:hover,.bb-m .bb-menu-principal ul.et-menu>li>a[aria-expanded="true"],
.bb-m .bb-menu-principal ul.et-menu>li:is(.bb-est-actif,.dnxte-mm-open,.is-open)>a{color:#fff!important;background:rgba(250,247,242,.08)}
.bb-m .bb-menu-principal ul.et-menu>li.current-menu-item>a,.bb-m .bb-menu-principal ul.et-menu>li.current-menu-ancestor>a{color:#fff!important}
.bb-m .bb-menu-principal ul.et-menu>li>a::after{display:none} /* chevron Divi natif retiré (bruts sur le site) */
.bb-m .bb-menu-principal ul.et-menu>li.current-menu-item>a::after,.bb-m .bb-menu-principal ul.et-menu>li.current-menu-ancestor>a::after{content:"";display:block;position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--bbm-argile)}
/* chevron : bouton 28 x 34 posé par bb-global.js (classe bb-chevron), SVG injecté par bb-ponts.js ; repli : pseudo-élément si le bouton est vide */
.bb-m .bb-menu-principal .bb-chevron,.bb-m .bb-menu-principal li.menu-item-has-children>a~.dnxte-mm-toggle{width:28px;height:34px;display:grid;place-items:center;border-radius:8px;
  color:rgba(250,247,242,.86);background:none;border:0;padding:0;cursor:pointer;flex:none;transition:background-color .2s,color .2s}
.bb-m .bb-menu-principal .bb-chevron:hover,.bb-m .bb-menu-principal .bb-chevron[aria-expanded="true"],
.bb-m .bb-menu-principal ul.et-menu>li:is(.bb-est-actif,.dnxte-mm-open,.is-open)>.bb-chevron{background:rgba(250,247,242,.1);color:#fff}
.bb-m .bb-menu-principal .bb-chevron svg{width:15px;height:15px;transition:transform .3s var(--bbm-ease)}
.bb-m .bb-menu-principal .bb-chevron[aria-expanded="true"] svg{transform:rotate(180deg)}
.bb-m .bb-menu-principal .bb-chevron:empty::before{content:"";display:block;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--bbm-ease)}
.bb-m .bb-menu-principal .bb-chevron[aria-expanded="true"]:empty::before{transform:translateY(2px) rotate(-135deg)}
.bb-m .bb-menu-principal .et_mobile_nav_menu,.bb-m .bb-pied-menu .et_mobile_nav_menu,.bb-m .bb-tiroir-lien .et_mobile_nav_menu{display:none!important}
.bb-m .bb-menu-principal .et_pb_menu__menu,.bb-m .bb-pied-menu .et_pb_menu__menu,.bb-m .bb-tiroir-lien .et_pb_menu__menu{display:block!important}
/* actions à droite : loupe mobile, Besoin d'aide, Adhérer, Mon compte, burger ; tout sur une ligne, centré verticalement */
.bb-m .bb-entete-actions{justify-content:flex-end;column-gap:8px;flex-wrap:nowrap}
.bb-m .bb-entete-actions .et_pb_module,.bb-m .bb-entete-actions .et_pb_code_inner{display:inline-flex;align-items:center;gap:8px;margin:0;width:auto;flex:none}
.bb-m .bb-entete-actions .et_pb_text_inner,.bb-m .bb-entete-actions p{margin:0}
.bb-m .bb-nav-aide a{font:500 13.5px var(--bbm-fd);color:rgba(250,247,242,.86)!important;text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:rgba(250,247,242,.4);white-space:nowrap;margin-right:4px}
.bb-m .bb-nav-aide a:hover{color:#fff!important}
.bb-m .bb-entete .bb-btn--ligne,.bb-m .bb-entete .bb-btn--ligne .dnxte_button_wrapper{display:inline-flex;align-items:center}
.bb-m .bb-entete .bb-btn--ligne .dnxte_button,.bb-m .bb-entete .bb-btn--ligne a{min-height:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;padding:0 18px;border-radius:10px;border:1px solid rgba(250,247,242,.55);color:var(--bbm-bone)!important;background:transparent;white-space:nowrap;
  font:600 14px var(--bbm-fd);letter-spacing:.01em;position:relative;transition:background-color .3s,color .3s}
.bb-m .bb-entete .bb-btn--ligne a:hover{background:var(--bbm-bone);color:var(--bbm-encre)!important}
.bb-m .bb-icone-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--bbm-bone);background:none;border:0;padding:0;cursor:pointer;transition:background-color .2s}
.bb-m .bb-icone-btn:hover{background:rgba(250,247,242,.1)}
.bb-m .bb-icone-btn svg{width:22px;height:22px}
.bb-m .bb-burger,.bb-m .bb-seulement-mobile{display:none}

/* ---------- 2. Barre d'accroche (Lin, 48 px min) : accroche 1fr | champ Ajax Search 260 x 38 ---------- */
.bb-m.bb-barre-accroche{position:relative;z-index:1;border-bottom:1px solid var(--bbm-filet);color:var(--bbm-encre)}
.bb-m.bb-barre-accroche .et_pb_row{display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:space-between;column-gap:24px;min-height:48px;padding-top:6px;padding-bottom:6px}
.bb-m.bb-barre-accroche .et_pb_row>.et_pb_column{display:flex;align-items:center;margin:0}
.bb-m.bb-barre-accroche .et_pb_row>.et_pb_column:first-child{flex:1 1 auto!important;width:auto!important;min-width:0}
.bb-m.bb-barre-accroche .et_pb_row>.et_pb_column:last-child{flex:0 0 auto!important;width:auto!important;justify-content:flex-end}
.bb-m .bb-accroche,.bb-m .bb-accroche p,.bb-m .bb-accroche .dnxte-text-animation{font:500 15px/1.35 var(--bbm-fd);color:var(--bbm-encre);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-m .bb-accroche .dnxte-text-animation-animated,.bb-m .bb-accroche .dnxte_text_animation_animated{font-weight:700;color:var(--bbm-argile-fonce);
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--bbm-argile)}
/* Ajax Search de l'accroche : champ pilule 260 x 38 blanc, Inter 14 Atténué, loupe 16 px ; résultats en calque Bone */
.bb-m .bb-recherche-accroche{width:260px;max-width:100%;margin:0;position:relative}
.bb-m .bb-recherche-accroche .ajax_search__search-bar{display:flex;align-items:center;gap:10px;height:38px;min-height:0;padding:0 16px;margin:0;border:1px solid var(--bbm-filet);
  border-radius:999px;background:#fff;color:var(--bbm-attenue);font:400 14px var(--bbm-fb);box-shadow:none;transition:border-color .2s}
.bb-m .bb-recherche-accroche .ajax_search__search-bar:hover,.bb-m .bb-recherche-accroche .ajax_search__search-bar:focus-within{border-color:var(--bbm-encre)}
.bb-m .bb-recherche-accroche input[type="search"],.bb-m .bb-recherche-accroche input[type="text"]{flex:1 1 auto;min-width:0;height:36px;padding:0;margin:0;border:0;background:none;
  box-shadow:none;outline:0;font:400 14px var(--bbm-fb);color:var(--bbm-encre)}
.bb-m .bb-recherche-accroche input::placeholder{color:var(--bbm-attenue);opacity:1}
.bb-m .bb-recherche-accroche .ajax_search__search-bar svg,.bb-m .bb-recherche-accroche .ajax_search__search-bar button{width:16px;height:16px;flex:none;color:var(--bbm-attenue);background:none;border:0;padding:0}
.bb-m .bb-recherche-accroche .ajax_search__dropdown-panel{left:auto;right:0;width:min(560px,92vw);margin-top:8px;padding:8px;border-radius:8px;background:var(--bbm-bone);
  box-shadow:var(--bbm-ombre-lg);border:1px solid var(--bbm-filet);z-index:60;text-align:left}
.bb-m :is(.bb-recherche-accroche,.bb-popup-champ) .ajax_search__result-item{display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center;min-height:44px;padding:12px;border-radius:4px;
  background:none;font:500 15px/1.35 var(--bbm-fd);color:var(--bbm-encre);text-decoration:none;transition:background-color .2s}
.bb-m :is(.bb-recherche-accroche,.bb-popup-champ) .ajax_search__result-item::before{content:"";width:12px;height:12px;border-radius:3px;border:1px solid var(--bbm-filet);background:var(--bbm-sable)}
.bb-m :is(.bb-recherche-accroche,.bb-popup-champ) .ajax_search__result-item:hover{background:rgba(36,30,26,.05)}
.bb-m :is(.bb-recherche-accroche,.bb-popup-champ) .ajax_search__result-item :is(small,.ajax_search__meta,.ajax_search__category){font:500 12px var(--bbm-fb);color:var(--bbm-attenue);white-space:nowrap}
.bb-m :is(.bb-recherche-accroche,.bb-popup-champ) .ajax_search__title{display:none}

/* ---------- 3. Tiroir mobile (plein écran, glisse depuis la droite, ouvert par bb-est-ouvert ; bb-ponts.js) ---------- */
.bb-m.bb-tiroir{position:fixed;inset:0;z-index:100000;color:var(--bbm-bone);transform:translateX(100%);visibility:hidden;overflow:auto;
  transition:transform .55s var(--bbm-ease),visibility 0s .55s}
.bb-m.bb-tiroir.bb-est-ouvert{transform:none;visibility:visible;transition:transform .55s var(--bbm-ease)}
.bb-m.bb-tiroir[hidden]{display:none!important}
.bb-m.bb-tiroir .et_pb_row{max-width:none}
.bb-m .bb-tiroir-haut{flex-direction:row;justify-content:space-between;align-items:center}
.bb-m .bb-tiroir-lien .et_pb_menu__wrap,.bb-m .bb-tiroir-lien .et_pb_menu_inner_container{display:block;width:100%}
.bb-m .bb-tiroir-lien ul.et-menu{display:block;padding:0;margin:0}
.bb-m .bb-tiroir-lien ul.et-menu>li{display:block;margin:0;padding:0;border-bottom:1px solid var(--bbm-filet-sombre)}
.bb-m .bb-tiroir-lien ul.et-menu>li.menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center}
.bb-m .bb-tiroir-lien ul.et-menu>li.menu-item-has-children>a{flex:1 1 0;width:auto}
/* D8 : liens 58 px (entrées) / 45 px (sous-entrées) comme la maquette ; !important contre le padding des liens du module Menu Divi (48 px mesurés) */
.bb-m .bb-tiroir-lien ul.et-menu>li>a{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:16px 2px!important;
  font:600 22px/1.2 var(--bbm-fd);color:var(--bbm-bone)!important}
.bb-m .bb-tiroir-lien ul.et-menu>li>a::after{display:none}
.bb-m .bb-tiroir-chevron svg{transition:transform .3s var(--bbm-ease)}
.bb-m .bb-tiroir-chevron[aria-expanded="true"] svg{transform:rotate(180deg)}
.bb-m .bb-tiroir-lien ul.sub-menu{position:static;display:none;flex:1 1 100%;width:100%;padding:0 0 18px;margin:0;background:none;border:0;box-shadow:none;visibility:visible;opacity:1}
.bb-m .bb-tiroir-lien li.bb-est-ouvert>ul.sub-menu{display:grid;gap:4px}
/* D10 2.4 (R5) : mega-menu.css (Divi Essential) « .dnxte-has-mega-menu > ul.sub-menu { display:none !important } » battait la règle
   précédente quand le li du tiroir porte aussi le méga-menu (menu Principal, D8) ; le tiroir lit le menu Mobile, la parade reste
   pour un menu réassigné dans le Visual Builder */
.bb-m .bb-tiroir-lien li.menu-item.bb-est-ouvert.dnxte-has-mega-menu>ul.sub-menu,.bb-m .bb-tiroir-lien li.menu-item.bb-est-ouvert>ul.sub-menu{display:grid!important}
.bb-m .bb-tiroir-lien li.menu-item:not(.bb-est-ouvert).dnxte-has-mega-menu>ul.sub-menu{display:none!important}
/* D10 2.5 : croix « Fermer » et boutons d'icône du tiroir en Bone (la couleur du corps, #3A322C, était héritée) ; titre ouvert ou
   survolé (.et-hover posé par Divi) Bone, sans opacité */
.bb-m.bb-tiroir [data-bb-tiroir-fermer],.bb-m.bb-tiroir .bb-icone-btn{color:var(--bbm-bone)!important}
.bb-m .bb-tiroir-lien li.menu-item.bb-est-ouvert>a,.bb-m .bb-tiroir-lien li.menu-item.et-hover>a{color:var(--bbm-bone)!important;opacity:1!important}
.bb-m .bb-tiroir-lien ul.sub-menu li{padding:0;margin:0}
.bb-m .bb-tiroir-lien ul.sub-menu a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:45px;padding:12px 2px!important;width:auto;
  font:500 16px/1.3 var(--bbm-fd);color:rgba(250,247,242,.85)!important}
.bb-m .bb-tiroir-lien ul.sub-menu li.bb-pilier>a{padding:12px;border-radius:6px;background:rgba(250,247,242,.05);font:600 16px var(--bbm-fd);color:var(--bbm-bone)!important;margin-bottom:8px}
.bb-m .bb-tiroir .bb-btn--large .dnxte_button,.bb-m .bb-tiroir .bb-btn--large a{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;border:1px solid rgba(250,247,242,.5);color:var(--bbm-bone)!important;background:transparent;margin-top:18px}
.bb-m .bb-tiroir .bb-badge{color:var(--bbm-attenue-sombre)}
.bb-m .bb-tiroir .bb-badge--ouvert{color:var(--bbm-sauge-clair)}

/* ---------- 4. Réseaux (pastilles 36 px, 32 px dans le méga-menu) ---------- */
.bb-m .bb-reseaux .et_pb_social_media_follow{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.bb-m .bb-reseaux li{margin:0!important;padding:0}
.bb-m .bb-reseaux li a.icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--bbm-filet-sombre);
  color:var(--bbm-bone);transition:background-color .2s,color .2s,border-color .2s}
.bb-m .bb-reseaux li a.icon::before{font-size:17px;line-height:1;width:auto;height:auto;color:inherit}
.bb-m .bb-reseaux li a.icon:hover{background:var(--bbm-bone)!important;color:var(--bbm-encre);border-color:var(--bbm-bone)}
.bb-m .bb-reseaux--clair .et_pb_social_media_follow{gap:6px}
.bb-m .bb-reseaux--clair li a.icon{width:32px;height:32px;border-radius:7px;color:var(--bbm-encre);border-color:var(--bbm-filet-pilule)}
.bb-m .bb-reseaux--clair li a.icon::before{font-size:15px}
.bb-m .bb-reseaux--clair li a.icon:hover{background:var(--bbm-encre)!important;color:var(--bbm-bone);border-color:var(--bbm-encre)}
.bb-m .bb-reseaux .et_pb_social_network_link .follow_button{display:none}

/* ---------- 5. Pied (padding haut 96 ; bandeau d'aide ; 1fr | 1,15fr ; 5 colonnes ; confiance ; grand logo ; barre) ---------- */
.bb-m.bb-pied{overflow:clip;color:var(--bbm-bone)}
.bb-m.bb-pied .et_pb_column{margin:0}
.bb-m .bb-bandeau-aide b{font:600 15px var(--bbm-fd);color:var(--bbm-bone)}
.bb-m .bb-bandeau-aide a{color:var(--bbm-bone);text-decoration:underline;text-underline-offset:3px}
.bb-m .bb-bandeau-aide p,.bb-m .bb-bandeau-aide .bb-aides{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;padding:0;list-style:none}
/* haut : « Être prévenu·e » 1fr | « Questions rapides » 1,15fr, gap 72, filet bas (la rangée Divi est flex : grille imposée) */
.bb-m .et_pb_row.et_flex_row.bb-pied-haut{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:72px;row-gap:32px;align-items:start;
  padding-bottom:48px;border-bottom:1px solid var(--bbm-filet-sombre)}
.bb-m .bb-pied-haut>.et_pb_column{width:auto!important;max-width:none;flex:none;min-width:0;margin:0}
.bb-m .bb-pied-haut>.et_pb_column:first-child>.et_pb_module+.et_pb_module{margin-top:16px}
.bb-m .bb-pied-haut>.et_pb_column:first-child>.et_pb_module+.bb-reseaux{margin-top:20px}
.bb-m .bb-pied-titre h2,.bb-m .bb-pied-titre{margin:0 0 12px}
.bb-m .bb-pied-titre em{font-family:var(--bbm-fs);font-style:italic;font-weight:400;color:var(--bbm-argile-clair)}
/* formulaire Fluent Forms encadré : champ 50 px rayon 10 filet, bouton Argile 48 px, consentement 12,5 px */
.bb-m .bb-champ .fluentform,.bb-m .bb-champ .ff-el-group:not(.ff_submit_btn_wrapper){display:flex;flex-wrap:wrap;gap:8px}
.bb-m .bb-champ .fluentform{padding:0;border:0}
.bb-m .bb-champ .ff-el-group{margin:0}
.bb-m .bb-champ .ff-el-input--content{flex:1 1 240px;min-width:0}
.bb-m .bb-champ .ff-el-form-control{width:100%;height:50px;border-radius:10px;border:1px solid var(--bbm-filet);background:#fff;color:var(--bbm-encre);padding:0 20px;font:500 15px var(--bbm-fb);box-shadow:none}
.bb-m .bb-champ .ff-el-form-control:focus{border-color:var(--bbm-encre);outline:0}
.bb-m .bb-champ .ff_submit_btn_wrapper{margin:0}
.bb-m .bb-champ .ff-btn-submit{height:48px;padding:0 26px;border-radius:10px;border:0;background:var(--bbm-argile-fonce);color:#fff;font:600 15px var(--bbm-fd);letter-spacing:.01em;cursor:pointer}
.bb-m .bb-champ .ff-btn-submit:hover{background:#8F431F}
.bb-m .bb-champ .ff-el-input--label,.bb-m .bb-champ .ff_t_c,.bb-m .bb-champ .ff-el-form-check-label{font:400 12.5px/1.45 var(--bbm-fb);color:var(--bbm-attenue-sombre)}
.bb-m .bb-champ .ff-el-form-check{margin-top:8px}
.bb-m .bb-champ .ff-message-success{color:var(--bbm-sauge-clair);font:400 14px/1.5 var(--bbm-fb);background:none;border:0;padding:8px 0 0}
.bb-m .bb-champ--clair .ff-el-input--label,.bb-m .bb-champ--clair .ff_t_c,.bb-m .bb-champ--clair .ff-el-form-check-label{color:var(--bbm-attenue)}
/* D10 3.1 : « Être prévenu·e » : champ 323 px et bouton côte à côte (50 px), case en dessous (maquette) ; Fluent Forms empile ses
   .ff-el-group : grille 2 colonnes sur le fieldset au-dessus de 640 (réglage « inline submit » de Fluent Forms à poser aussi) */
@media (min-width:641px){
  .bb-m .bb-pied .frm-fluent-form fieldset,.bb-m .bb-champ .frm-fluent-form fieldset{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:10px;align-items:start}
  .bb-m .bb-champ .frm-fluent-form fieldset>legend{position:absolute}
  .bb-m .bb-champ .frm-fluent-form .ff-el-group{margin:0!important}
  .bb-m .bb-champ .frm-fluent-form .ff_submit_btn_wrapper{grid-column:2;grid-row:1}
  .bb-m .bb-champ .frm-fluent-form .ff-el-group:has(.ff-el-tc){grid-column:1/-1;grid-row:2}
  .bb-m .bb-champ .frm-fluent-form .ff-btn-submit{height:50px;white-space:nowrap}
}
/* Questions rapides : Divi Essential Next FAQ rendu comme les <details> de la maquette (filets, signe plus Argile clair) */
.bb-m .bb-pied-faq{margin:0}
.bb-m .bb-pied-faq .next_faq__item{margin:0;padding:0;border:0;border-bottom:1px solid var(--bbm-filet-sombre);border-radius:0;background:none!important;box-shadow:none}
.bb-m .bb-pied-faq .next_faq__item:first-child{border-top:1px solid var(--bbm-filet-sombre)}
.bb-m .bb-pied-faq .next_faq__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;margin:0;background:none!important;border:0;cursor:pointer}
.bb-m .bb-pied-faq .next_faq__question{margin:0;font:600 15px/1.35 var(--bbm-fd);color:var(--bbm-bone)!important;text-align:left}
.bb-m .bb-pied-faq .next_faq__icon{position:relative;width:18px;height:18px;flex:none;color:var(--bbm-argile-clair);background:none;border:0}
.bb-m .bb-pied-faq .next_faq__icon :is(svg,i,span){color:var(--bbm-argile-clair);font-size:16px;line-height:1}
.bb-m .bb-pied-faq .next_faq__body,.bb-m .bb-pied-faq .next_faq__body-inner{padding:0;background:none!important;border:0}
.bb-m .bb-pied-faq .next_faq__answer,.bb-m .bb-pied-faq .next_faq__answer p{color:rgba(250,247,242,.82)!important;font:400 14.5px/1.6 var(--bbm-fb);margin:0;padding:0 0 14px}
.bb-m .bb-pied-faq .next_faq__answer a{color:var(--bbm-bone)!important;text-decoration:underline}
.bb-m .bb-pied-faq .next_faq__answer .bb-faq-plus a{text-decoration:none}
.bb-m .bb-pied-faq .next_faq__title,.bb-m .bb-pied-faq .next_faq__search,.bb-m .bb-pied-faq .next_faq__tab,.bb-m .bb-pied-faq .next_faq__number{display:none}
.bb-m .bb-lien-fleche a,.bb-m a.bb-lien-fleche,.bb-m .bb-lien-fleche{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--bbm-fd);color:inherit;
  border-bottom:1px solid currentColor;padding-bottom:3px;text-decoration:none;transition:gap .3s var(--bbm-ease)}
.bb-m .bb-lien-fleche a::after,.bb-m a.bb-lien-fleche::after,.bb-m span.bb-lien-fleche::after{content:"\2192"}
.bb-m .bb-lien-fleche a:hover,.bb-m a.bb-lien-fleche:hover{gap:14px}
/* 5 colonnes de liens : grille 5 x minmax(0,1fr), gap 28, padding 44 / 0 ; titres 15 px 600 ; liens 14,5 px 500 Bone 82 %, alignés à gauche */
.bb-m .et_pb_row.et_flex_row.bb-pied-cols{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px;row-gap:0;align-items:start}
.bb-m .bb-pied-cols>.et_pb_column{width:auto!important;max-width:none;flex:none;min-width:0;margin:0;padding:0}
.bb-m .bb-pied-col-titre{margin:0 0 16px;font:600 15px var(--bbm-fd);color:var(--bbm-bone);text-align:left}
.bb-m .bb-pied-col-titre>button{all:unset;display:block;flex:1 1 auto;font:inherit;color:inherit;cursor:default}
.bb-m .bb-pied-col-titre>button:focus-visible{outline:2px solid var(--bbm-argile-clair);outline-offset:3px}
.bb-m .bb-pied-menu,.bb-m .bb-pied-menu .et_pb_menu_inner_container,.bb-m .bb-pied-menu .et_pb_menu__wrap,.bb-m .bb-pied-menu .et_pb_menu__menu,.bb-m .bb-pied-menu nav{display:block;width:100%;text-align:left;justify-content:flex-start}
.bb-m .bb-pied-menu ul.et-menu{display:grid;gap:10px;padding:0;margin:0;justify-items:start;text-align:left}
.bb-m .bb-pied-menu ul.et-menu>li{margin:0;padding:0;display:block;width:100%;text-align:left}
.bb-m .bb-pied-menu ul.et-menu>li>a{display:inline;padding:0;font:500 14.5px/1.75 var(--bbm-fd);color:rgba(250,247,242,.82)!important;text-align:left;transition:color .2s}
.bb-m .bb-pied-menu ul.et-menu>li>a:hover{color:var(--bbm-argile-clair)!important}
.bb-m .bb-pied-menu ul.et-menu>li>a::after{display:none}
.bb-m .bb-pied-menu ul.et-menu>li.bb-pilier:first-of-type{margin-top:16px;padding-top:16px;border-top:1px solid var(--bbm-filet-sombre)}
.bb-m .bb-pied-menu ul.et-menu>li>a b{font-weight:600;color:var(--bbm-bone)}
/* D10 § 5 : « Tous les outils (23) » = module Texte .bb-pied-tous-outils (gras, [bb_compteur]) ; l'entrée « Tous les outils » du menu
   pied-outils (dernière de menus.json, original inchangé) est masquée pour ne pas doubler */
.bb-m .bb-pied-col--pied-outils .bb-pied-menu ul.et-menu>li:last-child{display:none}
.bb-m .bb-pied-tous-outils p{margin:0}
.bb-m .bb-pied-tous-outils a{font:600 14.5px/1.75 var(--bbm-fd);color:var(--bbm-bone)!important;text-decoration:none;transition:color .2s}
.bb-m .bb-pied-tous-outils a:hover{color:var(--bbm-argile-clair)!important}
.bb-m .bb-pied-confiance p{display:inline;margin:0 36px 0 0}
.bb-m .bb-pied-confiance b{color:var(--bbm-bone);font-weight:600}
.bb-m .bb-pied-confiance button{background:none;border:0;padding:0;color:var(--bbm-attenue-sombre);text-decoration:underline;font:inherit;cursor:pointer}
/* D10 3.2 : « Revoir l'écran d'accès » = lien souligné dans la phrase (bb-btn--lien héritait des 220 x 48 px de .bb-btn) */
.bb-m .bb-pied-confiance .bb-btn.bb-btn--lien{display:inline!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;
  font:inherit!important;font-weight:500!important;color:inherit!important;text-decoration:underline;text-underline-offset:3px;background:transparent!important;border:0!important;border-radius:0!important}
/* grand logo Black Bond (média du kit logo-black-bond-grand.png, 1400 x 481) : pleine largeur de la rangée, décalé de 18 %
   vers le bas et rogné par la barre du bas (fond Encre au-dessus), comme la maquette (.big-logo img translateY(18%)) */
.bb-m .bb-grand-logo,.bb-m .bb-grand-logo .et_pb_image_wrap{display:block;width:100%;max-width:100%;text-align:left;line-height:0}
.bb-m .bb-grand-logo img{display:block;width:100%;max-width:100%;height:auto;transform:translateY(18%);transition:transform .1s linear}
.bb-m .bb-pied-barre{position:relative;z-index:1;border-top:1px solid var(--bbm-filet-sombre)}
.bb-m .bb-pied-barre .et_pb_row{flex-wrap:wrap;row-gap:4px;align-items:center}
.bb-m .bb-pied-barre .et_pb_row>.et_pb_column{flex:1 1 0%!important;width:auto!important;min-width:0}
.bb-m .bb-pied-barre b{font-weight:600}
:is(body.bb-est-article,body.error404) .bb-m .bb-pied-option{display:none!important}

/* ---------- 6. Méga-menus (contenu des dnxte_mega_menu ; panneau .dnxte-mega-menu-panel relevé sur le DOM, D5) ---------- */
/* Panneau pleine largeur calé sous l'accroche : ses ancêtres (li, menu, colonne, rangée, section) ne sont plus positionnés (§ 1),
   la mise en page Theme Builder collante est le bloc conteneur -> left 0 / right 0 / top 100 % comme la maquette (.mega). */
.et-l--header .dnxte-mega-menu-panel:has(.bb-m.bb-mega){position:absolute!important;left:0!important;right:0!important;top:100%!important;transform:none!important;
  width:var(--bbm-mega-w,100vw)!important;max-width:100vw;min-width:0;margin:0;padding:0!important;background:@@C:bone@@!important;color:@@C:encre@@;
  border:0;border-top:1px solid rgba(250,247,242,.08);border-radius:0;box-shadow:var(--bbm-ombre-lg);white-space:normal;text-align:left;z-index:70;
  clip-path:inset(0 0 100% 0);transition:clip-path .45s var(--bbm-ease),visibility 0s .45s}
.et-l--header :is(li.dnxte-mm-open,li.is-open,li.bb-est-actif,li:hover,li:focus-within)>.dnxte-mega-menu-panel:has(.bb-m.bb-mega),
.et-l--header .dnxte-mega-menu-panel:is(.active,.open,.dnxte-mm-open,.show,[aria-hidden="false"]):has(.bb-m.bb-mega){clip-path:inset(0 0 -60px 0);transition:clip-path .5s var(--bbm-ease),visibility 0s}
.bb-m.bb-mega{color:var(--bbm-encre);background:var(--bbm-bone);padding:0}
.bb-m.bb-mega,.bb-m.bb-mega *{white-space:normal}
.bb-m.bb-mega :is(p,h3,h4,li,small,span){color:var(--bbm-encre)}
.et-menu .bb-m.bb-mega a,.bb-m.bb-mega a{color:var(--bbm-encre)!important;text-decoration:none}
/* D8 cause 5 : le fond du bandeau sombre est effacé sur les modules Texte ordinaires seulement ; les cartes (bb-carte-commu,
   bb-carte-laterale) gardent leur fond d'attribut (carte Discord Encre, e-book offert Encre) */
.bb-m.bb-mega .et_pb_text:not([class*="bb-carte-"]),.bb-m.bb-mega .et_pb_text .et_pb_text_inner{background:transparent!important}
/* grille intérieure 1200 : 230 | 1fr | 380 (Éducation), 1fr | 330 (Coaching), 1,25fr | 1fr | 1fr (Communauté) ; gap 32 ; padding 34 / 32 / 30 */
.bb-m.bb-mega .et_pb_row.et_flex_row.bb-mega-grille{display:grid!important;width:100%;max-width:1200px;margin:0 auto;column-gap:32px;row-gap:24px;align-items:start;
  padding-top:34px;padding-bottom:30px;padding-left:32px;padding-right:32px}
.bb-m.bb-mega--edu .et_pb_row.et_flex_row.bb-mega-grille{grid-template-columns:230px minmax(0,1fr) 380px}
.bb-m.bb-mega--boutique .et_pb_row.et_flex_row.bb-mega-grille{grid-template-columns:minmax(0,1fr) 330px}
.bb-m.bb-mega--commu .et_pb_row.et_flex_row.bb-mega-grille{grid-template-columns:1.25fr 1fr 1fr;align-items:stretch}
.bb-m.bb-mega .bb-mega-grille>.et_pb_column{width:auto!important;max-width:none;min-width:0;flex:none;margin:0!important;padding:0;row-gap:0!important}
.bb-m.bb-mega .et_pb_module+.et_pb_module{margin-top:0}
/* D10 2.1 : le padding 26 px d'attribut de l'aperçu (.bb-apercu) était effacé par la règle précédente (« Pilier 01 » collé en haut) */
.bb-m.bb-mega .bb-mega-grille>.et_pb_column.bb-apercu{padding:26px!important}
/* 6a. Éducation : intro 230 px (h3 30 px, texte 14,5, 5 liens rapides), 6 cartes 228 x 114 en 2 colonnes, aperçu 380 px */
.bb-m .bb-mega-intro .bb-h3 h3{font:600 30px/1.08 var(--bbm-fd);letter-spacing:-.02em;color:var(--bbm-encre);margin:10px 0 12px}
.bb-m .bb-liens-rapides .et_pb_text_inner{display:grid;gap:4px}
.bb-m .bb-liens-rapides p{margin:0}
.bb-m .bb-lien-rapide,.bb-m.bb-mega a.bb-lien-rapide{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:4px;
  font:500 14px var(--bbm-fd);color:var(--bbm-encre)!important;text-decoration:none;white-space:nowrap;transition:background-color .2s}
.bb-m .bb-lien-rapide:hover{background:var(--bbm-lin)}
.bb-m .bb-lien-rapide small{font:500 12px var(--bbm-fb);color:var(--bbm-attenue);text-align:right;white-space:normal}
.bb-m.bb-mega .bb-liste-piliers{display:grid!important;grid-template-columns:repeat(2,minmax(0,228px));gap:6px;align-content:start;justify-content:start}
.bb-m .bb-carte-pilier{position:relative;width:auto;min-width:0;min-height:114px;margin:0;box-sizing:border-box;cursor:pointer;transition:background-color .2s,border-color .2s}
/* D10 § 5 : badge numéroté « 01 » (maquette .p-item .swatch > span : pastille Encre 10,5 px au coin bas droit de la vignette 52 px) */
.bb-m .bb-carte-pilier .bb-carte-pilier-num{position:absolute;left:50px;top:calc(50% + 8px);z-index:2;min-width:22px;padding:2px 5px;border-radius:99px;
  background:var(--bbm-encre);color:var(--bbm-bone);font:600 10.5px/1.3 var(--bbm-fd);text-align:center;letter-spacing:.02em}
/* état actif : la 1re carte est blanche par attribut (panneau affiché au chargement) ; dès que bb-ponts.js suit le survol
   (bb-est-js sur [data-bb-apercus]), seule la carte active ou survolée garde le fond blanc */
.bb-m [data-bb-apercus].bb-est-js .bb-carte-pilier:not(.bb-est-actif):not(:hover){background:transparent!important;border-color:transparent!important}
.bb-m .bb-carte-pilier :is(.dnxt-blurb-wrapper,.dnxte_next_blurb_wrapper,.dnxte-next-blurb){display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;text-align:left}
.bb-m .bb-carte-pilier :is(.dnxt-blurb-image,.dnxte_next_blurb_image){margin:0!important;width:52px;height:52px}
.bb-m .bb-carte-pilier img{width:52px;height:52px;border-radius:6px;object-fit:cover;background:var(--bb-pg,var(--bbm-encre));box-shadow:0 0 0 1px rgba(36,30,26,.2)}
.bb-m .bb-carte-pilier :is(.dnxt-blurb-heading,h4){font:600 15px/1.25 var(--bbm-fd);color:var(--bbm-encre);margin:0 0 4px}
.bb-m .bb-carte-pilier :is(.dnxt-blurb-description p,p){font:400 13px/1.4 var(--bbm-fb);color:var(--bbm-attenue);margin:0}
.bb-m .bb-carte-pilier:hover,.bb-m .bb-carte-pilier.bb-est-actif,.bb-m .bb-carte-pilier.is-actif{background:#fff!important;border-color:var(--bbm-filet)!important}
/* aperçu : dégradé du pilier (bb-p-degrade, L1), rayon 8, padding 26, min 340 ; panneaux basculés par bb-global.js (hidden) */
.bb-m .bb-apercu{position:relative;isolation:isolate;min-height:340px;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;color:var(--bb-pi,var(--bbm-bone))}
.bb-m .bb-apercu [data-bb-apercu-panneau][hidden]{display:none!important}
.bb-m .bb-apercu [data-bb-apercu-panneau]:not([hidden]){display:block}
/* D8 cause 6 : --bb-pi (encre du pilier, bb-global.css) vaut Encre tant qu'aucune classe bb-p-<pilier> n'est posée ; la colonne
   porte celle du 1er pilier par attribut et bb-ponts.js la fait suivre au survol ; repli Bone. h5 (titres du Post Grid) et le
   conteneur de titre Divi sont couverts (ils restaient Encre : « h1..h6 { color: var(--bb-encre) } » de bb-global). */
.bb-m .bb-apercu,.bb-m .bb-apercu :is(h2,h3,h4,h5,h6,p,a,li,small,span,.et_pb_module_header,.bb-surtitre,.bb-attenue,.bb-lien-fleche,.dnxte-post-grid-card-title),
.bb-m .bb-apercu .et_pb_heading .et_pb_heading_container :is(h2,h3,h4,h5){color:var(--bb-pi,var(--bbm-bone))!important}
.bb-m .bb-apercu.bb-p-degrade{background:var(--bb-pg,var(--bbm-encre))}
.bb-m .bb-apercu .bb-surtitre p{opacity:.8}
.bb-m .bb-apercu .bb-attenue p{opacity:.88}
.bb-m .bb-apercu .bb-h3 h4{font:600 26px/1.08 var(--bbm-fd);letter-spacing:-.02em;margin:8px 0 10px}
.bb-m .bb-apercu .bb-apercu-liste{margin:18px 0 20px}
/* D8 1.3 : #dnxte-mega-menu-styles-head (styles en ligne avec id) impose 3 colonnes et 18 px au Post Grid du panneau : !important */
.bb-m .bb-apercu .dnxte-post-grid-container{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.bb-m .bb-apercu .dnxte-post-grid-card{margin:0!important;padding:0!important;background:none!important;border:0;border-top:1px solid rgba(127,127,127,.25)!important;border-radius:0;box-shadow:none!important;transition:padding .25s var(--bbm-ease)}
.bb-m .bb-apercu .dnxte-post-grid-card:hover{padding-left:6px!important}
.bb-m .bb-apercu .dnxte-post-grid-card-content{padding:9px 0!important}
.bb-m .bb-apercu .dnxte-post-grid-card-title{margin:0!important;font:500 13.5px/1.35 var(--bbm-fd)!important}
.bb-m .bb-apercu .dnxte-post-grid-card-title a{color:inherit!important;text-decoration:none;font:inherit!important}
.bb-m .bb-apercu :is(.dnxte-post-grid-card-image,.dnxte-post-grid-card-meta,.dnxte-post-grid-card-excerpt,.dnxte-post-grid-card-read-more,.dnxte-post-grid-pagination,.dnxte-post-grid-filter-bar,.dnxte-blog-categories){display:none!important}
.bb-m .bb-apercu .bb-lien-fleche{margin-top:auto;align-self:flex-start}
/* rangées Outils et Personas : pleine largeur, filet haut, tout en ligne (la rangée Divi hérite sinon de la grille) */
.bb-m.bb-mega .et_pb_row.et_flex_row.bb-mega-pied{display:flex!important;grid-template-columns:none;flex-wrap:wrap;align-items:center;gap:10px 16px;width:100%;max-width:1200px;margin:0 auto;
  padding-left:32px;padding-right:32px;border-top:1px solid var(--bbm-filet)}
.bb-m.bb-mega .et_pb_row.et_flex_row.bb-mega-pied>.et_pb_column{width:100%!important;flex:1 1 100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0}
.bb-m.bb-mega .bb-mega-pied .et_pb_module{width:auto;flex:0 1 auto;margin:0}
.bb-m .bb-mega-outils .bb-surtitre p{font:600 13px var(--bbm-fd);color:var(--bbm-encre);margin:0}
.bb-m .bb-pilules{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;background:none}
.bb-m .bb-puce,.bb-m.bb-mega a.bb-puce{display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;border:1px solid var(--bbm-filet);background:#fff;color:var(--bbm-encre)!important;
  font:500 13px var(--bbm-fd);text-decoration:none;white-space:nowrap;width:auto;transition:border-color .2s}
.bb-m .bb-puce:hover{border-color:var(--bbm-encre)}
.bb-m .bb-puce--pleine,.bb-m.bb-mega a.bb-puce--pleine,.bb-m.bb-mega .bb-mega-pied a.bb-puce--pleine,.bb-m .dnxte-mega-menu-panel .bb-mega-pied a.bb-puce--pleine{background:var(--bbm-encre);color:var(--bbm-bone)!important;border-color:var(--bbm-encre)}
/* D8 : « .bb-m .dnxte-mega-menu-panel .bb-mega-pied a:not(.bb-btn) { color: Encre !important } » (bb-corrections-d5) l'emportait sur « Tous les outils » (Encre sur Encre) : mêmes 5 classes ici */
.bb-m .bb-puce--pleine:hover{background:#000}
/* D10 § 3 : « Tous les outils (23) » rendue en pilule vide sur le site : fond Encre forcé (compteur [bb_compteur] hérité) */
.bb-m.bb-mega .bb-outils-mega a.bb-puce--pleine,.et-l--header .bb-m.bb-mega .bb-outils-mega a.bb-puce--pleine{background:var(--bbm-encre)!important;color:var(--bbm-bone)!important;border-color:var(--bbm-encre)!important}
.bb-m.bb-mega .bb-outils-mega a.bb-puce--pleine .bb-compteur{color:inherit!important}
.bb-m .bb-mega-pied .et_pb_text_inner>p:first-child{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 6px 0 0;font:600 13px var(--bbm-fd);color:var(--bbm-encre)}
.bb-m .bb-mega-pied .bb-pilules{display:inline-flex;gap:14px;vertical-align:middle}
.bb-m .bb-lien-souligne,.bb-m.bb-mega a.bb-lien-souligne{font:500 14px var(--bbm-fd);color:var(--bbm-encre)!important;text-decoration:none;border-bottom:1px solid var(--bbm-sable);padding-bottom:2px;transition:border-color .2s}
/* D8 : dans le menu WordPress, « .et-menu li li a » (Divi) étire les personas en blocs flex de 200 px à padding 6 / 20 : le filet Sable dessinait des boîtes ; lien en ligne, filet sous le texte seul */
.bb-m.bb-mega .bb-mega-pied .bb-pilules li,.bb-m.bb-mega .bb-mega-pied .bb-pilules li a.bb-lien-souligne{display:inline-block;width:auto;padding:0!important;margin:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;white-space:nowrap}
.bb-m.bb-mega .bb-mega-pied .bb-pilules li a.bb-lien-souligne{padding-bottom:2px!important;border-bottom:1px solid var(--bbm-sable)}
.bb-m .bb-lien-souligne:hover{border-color:var(--bbm-encre)}
/* 6b. Coaching & e-books : titre 26 px + lien à droite, grille 4 couvertures 180 x 240 (shortcode), colonne 330 de 3 cartes */
.bb-m .bb-mega-boutique-gauche .et_pb_row.bb-entete-section{display:flex!important;align-items:flex-end;justify-content:space-between;max-width:none;padding:0;margin:0 0 22px}
.bb-m .bb-mega-boutique-gauche .bb-entete-section>.et_pb_column{width:auto!important;flex:0 1 auto;margin:0}
.bb-m .bb-mega-boutique-gauche .bb-h3 h3{font:600 26px/1.08 var(--bbm-fd);letter-spacing:-.02em;margin:10px 0 0}
/* D10 § 5 : « Tous les e-books » en lien-flèche (rendu en bouton bordé sur le site) */
.bb-m .bb-mega-boutique-gauche .bb-lien-fleche a,.bb-m.bb-mega .bb-mega-boutique-gauche a.bb-lien-fleche{display:inline-flex;min-height:0;height:auto;padding:0 0 3px;margin:0;
  border:0;border-bottom:1px solid currentColor;border-radius:0;background:none!important;font:600 14px var(--bbm-fd)}
/* D8 cause 5 : balisage réel de [bb_ebooks_cartes] (L4d) : ul.bbeb-grid > li.bbeb-card > a.bbeb-card-a > .bbeb-cv (couverture) + spans.
   Dans le menu, « .bb-menu li a { display:flex } » et « .bb-menu ul { display:flex } » (bb-global) réduisaient la couverture à 0 x 0 :
   grille 4 x 180 rendue à la liste, lien en colonne, couverture pleine largeur, fond du bandeau Divi retiré, textes Encre. */
.bb-m.bb-mega ul.bbeb-grid,body .et-l--header .bb-m.bb-mega ul.bbeb-grid{display:grid!important;grid-template-columns:repeat(4,180px)!important;gap:18px!important;justify-content:start;
  margin:0;padding:0!important;list-style:none;background:transparent!important;border:0!important;box-shadow:none!important}
.bb-m.bb-mega li.bbeb-card{margin:0!important;padding:0;width:auto;display:block}
/* D10 2.2 : variante courte (maquette : couverture + « Fondamentaux · Offert », 272 px ; site 394 px) : grille 2 colonnes sous la
   couverture, pilier à gauche, prix à droite, titre / sous-titre / chapitres masqués */
.bb-m.bb-mega a.bbeb-card-a,body .et-l--header .bb-m.bb-mega .et-menu a.bbeb-card-a{display:flex!important;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:8px;width:auto!important;min-height:0;padding:0!important;white-space:normal}
.bb-m.bb-mega a.bbeb-card-a>.bbeb-cv{flex:0 0 100%}
.bb-m.bb-mega .bbeb-cv{display:block;width:100%!important;aspect-ratio:3/4;border-radius:2px 6px 6px 2px;box-shadow:inset 6px 0 0 rgba(0,0,0,.14),0 1px 2px rgba(36,30,26,.06),0 12px 32px -12px rgba(36,30,26,.22);transition:transform .3s var(--bbm-ease)}
.bb-m.bb-mega a.bbeb-card-a:hover .bbeb-cv{transform:translateY(-4px)}
.bb-m.bb-mega .bbeb-cv *{color:var(--bbeb-ink,var(--bbm-bone))!important}
.bb-m.bb-mega :is(.bbeb-card-pil,.bbeb-card-t,.bbeb-card-s,.bbeb-card-m),.bb-m.bb-mega .bbeb-card-m :is(b,small){color:var(--bbm-encre)!important}
.bb-m.bb-mega .bbeb-card-pil{display:block;flex:1 1 auto;min-width:0;margin:10px 0 0;font:500 12px/1.4 var(--bbm-fd);letter-spacing:0;text-transform:none;color:var(--bbm-attenue)!important}
.bb-m.bb-mega .bbeb-card-t,.bb-m.bb-mega .bbeb-card-s,.bb-m.bb-mega .bbeb-card-m small{display:none!important}
.bb-m.bb-mega .bbeb-card-m{display:block;flex:0 1 auto;margin:10px 0 0 auto;padding:0;font:500 12px/1.4 var(--bbm-fd);white-space:nowrap;color:var(--bbm-attenue)!important}
.bb-m.bb-mega .bbeb-card-m b{font-weight:600;color:var(--bbm-argile-fonce)!important}
.bb-m .bb-colonne-laterale{display:grid!important;gap:10px;align-content:start}
.bb-m .bb-carte-laterale{display:grid;gap:4px;cursor:pointer;transition:border-color .2s}
.bb-m .bb-carte-laterale:hover{border-color:var(--bbm-encre)!important}
.bb-m .bb-carte-laterale p{margin:0;font:400 13px/1.6 var(--bbm-fb);color:var(--bbm-attenue)}
.bb-m .bb-carte-laterale-titre,.bb-m .bb-carte-laterale p.bb-carte-laterale-titre{display:flex;align-items:center;gap:8px;font:600 15px var(--bbm-fd);color:var(--bbm-encre)}
.bb-m .bb-carte-laterale--sombre p{color:var(--bbm-attenue-sombre)}
.bb-m .bb-carte-laterale--sombre .bb-carte-laterale-titre,.bb-m .bb-carte-laterale--sombre p.bb-carte-laterale-titre{color:var(--bbm-bone)}
.bb-m .bb-carte-laterale--sombre .bb-carte-laterale-titre::before{content:"";width:16px;height:16px;border:1.6px solid currentColor;border-radius:2px 3px 3px 2px;box-sizing:border-box}
.bb-m .bb-badge{display:inline-flex;align-items:center;gap:6px;font:italic 500 13.5px/1.2 var(--bbm-fb);color:var(--bbm-attenue);white-space:nowrap}
.bb-m .bb-badge--ouvert{color:var(--bbm-sauge)}
.bb-m .bb-badge--ouvert::before{content:"";width:6px;height:6px;border-radius:50%;background:#CFE7D2}
/* 6c. Communauté & App : 3 cartes min 250 (Discord Encre / Bone, App Lin, Lives pointillé Sable), question anonyme + 7 réseaux */
.bb-m .bb-carte-commu{min-height:250px;height:100%;position:relative;overflow:hidden;transition:transform .35s var(--bbm-ease)}
/* D10 2.3 : panneau 480 -> 403 px : h3 18 px sur une ligne, paragraphes sans padding bas, gap 10, lien à 6 px du texte */
.bb-m .bb-carte-commu .et_pb_text_inner{display:flex;flex-direction:column;gap:10px!important;height:100%}
.bb-m .bb-carte-commu p{margin:0;padding-bottom:0!important;opacity:.85}
.bb-m .bb-carte-commu p:first-child,.bb-m .bb-carte-commu h3{opacity:1}
.bb-m .bb-carte-commu h3{margin:0;padding-bottom:0!important;font:600 18px/1.3 var(--bbm-fd)}
.bb-m .bb-carte-commu--discord,.bb-m .bb-carte-commu--discord :is(h3,p,span,a){color:var(--bbm-bone)!important}
.bb-m .bb-carte-commu--discord .bb-badge{color:var(--bbm-sauge-clair)!important}
.bb-m .bb-carte-commu--discord p:nth-of-type(3){font-size:13px;color:var(--bbm-attenue-sombre)!important}
.bb-m .bb-carte-commu--lives{border-style:dashed!important}
.bb-m .bb-carte-commu-pied{margin-top:6px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:1!important}
.bb-m .bb-carte-commu-pied .bb-lien-fleche,.bb-m.bb-mega .bb-carte-commu-pied a.bb-lien-fleche{border-bottom:0;padding-bottom:0;width:100%;justify-content:space-between;color:inherit!important}
.bb-m .bb-mega-reseaux>.et_pb_column{justify-content:space-between}
.bb-m .bb-mega-reseaux .et_pb_text{flex:none}

/* ---------- 7. Popups (contenu des dnxte_popup : boîte 760 px Bone, rayon 8 / 12, ombre) ---------- */
.bb-m.bb-popup{background:transparent;padding:0}
.bb-m.bb-popup .et_pb_row{width:100%;max-width:760px;margin:0 auto}
.bb-m.bb-popup .et_pb_column{min-width:0}
.bb-m .bb-popup-boite{display:block}
.bb-m .bb-popup-champ .ajax_search__search-bar{display:flex;align-items:center;gap:12px;min-height:0;padding:6px 4px 14px;margin:0;border:0;border-bottom:1px solid var(--bbm-filet);border-radius:0;background:none;box-shadow:none}
.bb-m .bb-popup-champ input[type="search"],.bb-m .bb-popup-champ input[type="text"]{flex:1 1 auto;min-width:0;padding:1px 2px;border:0;background:none;box-shadow:none;outline:0;font:600 22px/1.5 var(--bbm-fd);color:var(--bbm-encre)}
.bb-m .bb-popup-champ input::placeholder{color:var(--bbm-attenue);opacity:.7}
.bb-m .bb-popup-champ .ajax_search__search-bar svg,.bb-m .bb-popup-champ .ajax_search__search-bar button{width:20px;height:20px;flex:none;color:var(--bbm-attenue);background:none;border:0;padding:0}
.bb-m .bb-popup-champ .ajax_search__dropdown-panel{position:static;width:100%;margin:8px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.bb-m .bb-popup-suggestions .bb-puce{min-height:36px;padding:0 14px;font-size:13.5px}
.bb-m.bb-popup-ebook .et_pb_row.et_flex_row{display:grid!important;grid-template-columns:minmax(0,8fr) minmax(0,16fr);column-gap:28px;align-items:start}
.bb-m.bb-popup-ebook .et_pb_row>.et_pb_column{width:auto!important;flex:none;min-width:0;margin:0}
.bb-m .bb-popup-couverture img{display:block;width:100%;max-width:220px;border-radius:2px 6px 6px 2px;box-shadow:inset 6px 0 0 rgba(0,0,0,.14),0 1px 2px rgba(36,30,26,.06),0 12px 32px -12px rgba(36,30,26,.22)}
.bb-m .bb-popup-texte .bb-h3 h2{margin:0 0 12px}
.bb-m .bb-popup-texte .bb-btn--lien{background:none;border:0;padding:0;font:500 14px var(--bbm-fd);color:var(--bbm-attenue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ---------- 8. Points de rupture ---------- */
@media (max-width:1180px){
  .bb-m .bb-menu-principal,.bb-m .bb-nav-aide,.bb-m .bb-entete .bb-btn--ligne{display:none!important}
  .bb-m .bb-burger{display:inline-grid}
  .bb-m .bb-recherche-accroche{width:220px}
  .bb-m .et_pb_row.et_flex_row.bb-pied-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bb-m .bb-entete-nav>.et_pb_column:nth-child(2){display:none}
  .bb-m .bb-entete-nav>.et_pb_column:first-child{flex:1 1 auto!important}
  .et-l--header .dnxte-mega-menu-panel:has(.bb-m.bb-mega){display:none!important}
}
@media (max-width:980px){
  .bb-m.bb-mega .et_pb_row.et_flex_row.bb-mega-grille{grid-template-columns:1fr!important}
  .bb-m .bb-apercu{display:none}
  .bb-m .et_pb_row.et_flex_row.bb-pied-haut{grid-template-columns:1fr;column-gap:0;row-gap:32px}
  .bb-m.bb-popup-ebook .et_pb_row.et_flex_row{grid-template-columns:1fr}
}
@media (max-width:760px){
  .bb-m .et_pb_row.et_flex_row.bb-pied-cols{grid-template-columns:1fr;row-gap:0;padding-top:16px;padding-bottom:16px}
  .bb-m .bb-pied-col{border-bottom:1px solid var(--bbm-filet-sombre)}
  .bb-m .bb-pied-col-titre{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin:0;cursor:pointer}
  .bb-m .bb-pied-col-titre>button{cursor:pointer}
  .bb-m .bb-pied-col-titre::after{content:"+";font:400 22px/1 var(--bbm-fd);color:var(--bbm-argile-clair);transition:transform .3s var(--bbm-ease)}
  .bb-m .bb-pied-col.bb-est-ouvert .bb-pied-col-titre::after{transform:rotate(45deg)}
  .bb-m .bb-pied-col:not(.bb-est-ouvert) .bb-pied-menu{display:none!important}
  .bb-m .bb-pied-col.bb-est-ouvert .bb-pied-menu{display:block!important;padding-bottom:16px}
  .bb-m .bb-pied-confiance p{display:block;margin:0 0 10px}
  .bb-m .bb-pied-barre .et_pb_row>.et_pb_column{flex:1 1 100%!important}
  .bb-m .bb-pied-barre .et_pb_text_inner p{text-align:left}
}
@media (max-width:640px){
  .bb-m .bb-entete-nav{min-height:64px}
  .bb-m .bb-entete-nav.et_pb_row,.bb-m.bb-barre-accroche .et_pb_row{padding-left:16px;padding-right:16px}
  .bb-m .bb-logo img{height:32px}
  .bb-m .bb-seulement-mobile{display:inline-grid}
  .bb-m .bb-masque-640,.bb-m .bb-recherche-accroche{display:none!important}
  .bb-m .bb-accroche,.bb-m .bb-accroche p{font-size:13.5px}
  .bb-m .bb-grand-logo img{transform:translateY(18%)}
}
@media (prefers-reduced-motion:reduce){.bb-m *,.bb-m *::before,.bb-m *::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}