/* v1.8.5 Community Layout Lock
   Fixes community pages being trapped inside the generic theme hero/card layout. */

body.ncr-community-app-body {
  background: #f7efe5;
}

body.ncr-community-app-body .ncr-breadcrumbs,
body.ncr-community-app-body .ncr-shell-hero,
body.ncr-community-app-body .ncr-page-hero-visual,
body.ncr-community-app-body .ncr-content-card,
body.ncr-community-app-body .ncr-tool-card {
  display: none !important;
}

body.ncr-community-app-body main.ncr-community-app-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(2rem, 4vw, 4rem) !important;
  background:
    radial-gradient(circle at top right, rgba(237,122,30,.11), transparent 32rem),
    linear-gradient(180deg, #fff7ee 0%, #f7efe5 100%);
}

body.ncr-community-app-body .ncr-community-app-wrap {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.ncr-community-app-body .ncr-pro-community-app,
body.ncr-community-app-body .ncr-community-shell {
  width: min(1280px, calc(100vw - 2rem)) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Keep social app headings strong but not overlapping. */
body.ncr-community-app-body .ncr-pro-community-header {
  margin-top: clamp(.75rem, 2vw, 1.5rem) !important;
}

body.ncr-community-app-body .ncr-pro-community-header h2 {
  max-width: 15ch !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Profile page should lead with the actual social profile, not a separate generic hero. */
body.ncr-community-app-body .ncr-pro-profile-page {
  margin-top: clamp(.75rem, 2vw, 1.5rem);
}

/* Prevent admin bar/header from covering content. */
body.admin-bar.ncr-community-app-body .ncr-pro-community-sidebar,
body.admin-bar.ncr-community-app-body .ncr-pro-left-rail,
body.admin-bar.ncr-community-app-body .ncr-pro-profile-about {
  top: 150px;
}

/* Mobile community layout */
@media (max-width: 900px) {
  body.ncr-community-app-body .ncr-pro-community-app,
  body.ncr-community-app-body .ncr-community-shell {
    width: min(100% - 1rem, 1280px) !important;
  }

  body.ncr-community-app-body main.ncr-community-app-page {
    padding-top: .5rem !important;
  }
}

/* Hard override for any left-over old boxed wrapper if a cached page still outputs it. */
body.ncr-community-app-body .ncr-shell-section,
body.ncr-community-app-body .ncr-shell-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ncr-community-app-body .ncr-shell-container > .ncr-tool-card {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}