/* ============================================================
   React social shell — communities / feed / messages / notifications
   Full-bleed Kadence chrome so hub CSS owns width (no 24px theme gutter).
============================================================ */

body.hw-social-react {
  overflow-x: clip;
  background: var(--hw-fe-canvas, var(--hw-canvas-bg, var(--hw-bg, #f7f3ed)));
  background-color: var(--hw-fe-bg, var(--hw-bg, #f7f3ed));
  background-attachment: fixed;
  color: var(--hw-text, #24211d);
}

body.hw-social-react #wrapper,
body.hw-social-react #inner-wrap,
body.hw-social-react .site,
body.hw-social-react .site-content,
body.hw-social-react #content,
body.hw-social-react #primary,
body.hw-social-react .content-area,
body.hw-social-react .content-container,
body.hw-social-react .site-container,
body.hw-social-react .content-bg,
body.hw-social-react .content-wrap,
body.hw-social-react .entry-content-wrap,
body.hw-social-react .entry-content,
body.hw-social-react .inside-article,
body.hw-social-react article.page,
body.hw-social-react .hw-social-react-shell {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}

body.hw-social-react #inner-wrap {
  display: block;
}

body.hw-social-react #secondary,
body.hw-social-react .sidebar {
  display: none;
}

body.hw-social-react .site-main.hw-social-react-shell,
body.hw-social-react #primary.hw-social-react-shell {
  display: block;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  float: none;
  flex: 1 1 100%;
  min-height: 100vh;
  padding: 0;
  overflow-x: clip;
}

body.hw-social-react .entry-hero-container,
body.hw-social-react .entry-hero-layout-wrap,
body.hw-social-react .entry-hero,
body.hw-social-react .kadence-entry-header,
body.hw-social-react .kadence-below-title-meta,
body.hw-social-react article.page > header.entry-header,
body.hw-social-react .entry-header-wrap,
body.hw-social-react .page-header,
body.hw-social-react .entry-title-wrap,
body.hw-social-react .wp-block-post-title {
  display: none !important;
}

body.hw-social-react #hw-communities-root,
body.hw-social-react #hw-feed-root,
body.hw-social-react #hw-messages-root,
body.hw-social-react #hw-notifications-root,
body.hw-social-react .hw-communities-app,
body.hw-social-react .hw-feed-app,
body.hw-social-react .hw-messages-app,
body.hw-social-react .hw-notifications-app {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: auto;
  box-sizing: border-box;
}