/* fm-home 1.3.0 (round G2; the OpenAI trust walk: "a menu without a visible close control").
   The phone menu (BuddyBoss .bb-mobile-panel-wrapper) has a close X in its header, but the
   app smart banner (.ios.shown / .android.shown, z-index 9999999) sits over that header, so
   the X and the logo are hidden (raising the panel's z-index is not enough: the panel sits in a
   lower stacking context). While the menu is open the banner is hidden (here where :has works,
   and by fm-menu-close.js everywhere), and the X is a labeled 44 px button. Literal hex only. */
body.bb-mobile-panel-open .bb-mobile-panel-wrapper{z-index:10000000}
body.bb-mobile-panel-open > .shown:has(> .sb-container){visibility:hidden!important}
.bb-mobile-panel-wrapper .bb-mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bb-mobile-panel-wrapper a.bb-close-panel{position:static;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:0 14px 0 10px;border:1px solid #231F20;border-radius:999px;background:#FFFFFF;color:#231F20!important;font-family:'Archivo',system-ui,-apple-system,sans-serif;font-weight:700;font-size:15px;line-height:1;text-decoration:none;flex:0 0 auto}
.bb-mobile-panel-wrapper a.bb-close-panel i{font-size:20px;line-height:1;color:#231F20!important}
.bb-mobile-panel-wrapper a.bb-close-panel::after{content:"close"}
.bb-mobile-panel-wrapper a.bb-close-panel:focus-visible{outline:3px solid #4E7520;outline-offset:2px}