/* Pages inside RebookMedia Social (app/views/user/layout/socialEmbed.cfm): account pages (/user/*) and the booking
   pages (/pro-book, /book-success). Social's own menu is around the frame, so the page's top bar, side menu,
   phone bar, site footer and page tour are hidden and the content uses the whole frame. */
html.rb-in-social #rb-user-topnav,
html.rb-in-social #sidebar,
html.rb-in-social #sidebarBackdrop,
html.rb-in-social #pageTourOverlay,
html.rb-in-social #pageTourModalWrap,
html.rb-in-social #pro-app-bottom-navigation,
html.rb-in-social #bottom-navigation { display: none !important; }
/* phones: no room kept for the account pages' own bottom bar (components/app/proBottomNav.cfm), Social has its own */
html.rb-in-social body.has-pro-bottom-nav { padding-bottom: 0 !important; }
html.rb-in-social body > .flex.pt-16, html.rb-in-social div:has(> #main-content) { padding-top: 0 !important; }
html.rb-in-social #main-content { margin-left: 0 !important; padding-left: 0 !important; }   /* the room kept for the hidden side menu */
html.rb-in-social body { background: #f7f7f8; }

/* public pages (layout/header-new.cfm + top_nav.cfm + footer_new.cfm): the booking page */
html.rb-in-social #navbar,
html.rb-in-social #categories,
html.rb-in-social body > footer,
html.rb-in-social footer.bg-gray-100 { display: none !important; }