/* Community 1.3.52 — exacting visual pass for the approved member-focused
 * Rockhound Community mockup. Functional markup and data remain unchanged. */

html body.gmr-community-page {
  --gmr-52-ink:#17324b;
  --gmr-52-copy:#405568;
  --gmr-52-muted:#6d7d8b;
  --gmr-52-paper:#fffefa;
  --gmr-52-canvas:#fcfaf6;
  --gmr-52-line:#e8e0d7;
  --gmr-52-teal:#07888a;
  --gmr-52-purple:#7950b5;
  --gmr-52-coral:#e36b78;
  --gmr-52-gold:#c8954b;
  color:var(--gmr-52-copy)!important;
  background:var(--gmr-52-canvas)!important;
}

/* Give the Community its mockup canvas even when the global theme paints the
 * outer page dark. The shadow is deliberately clipped horizontally only. */
html body.gmr-community-page .gmr-network-v8 {
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  width:min(1500px,calc(100% - 40px))!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:30px 0 46px!important;
  overflow:visible!important;
  background:var(--gmr-52-canvas)!important;
  box-shadow:0 0 0 100vmax var(--gmr-52-canvas)!important;
  clip-path:inset(0 -100vmax)!important;
}

html body.gmr-community-page .gmr-network-v8::before,
html body.gmr-community-page .gmr-network-v8::after {
  z-index:0!important;
  top:210px!important;
  bottom:40px!important;
  width:190px!important;
  opacity:.58!important;
  background-size:190px auto!important;
}
html body.gmr-community-page .gmr-network-v8::before {left:-82px!important;background-position:left 24%!important;}
html body.gmr-community-page .gmr-network-v8::after {right:-82px!important;background-position:right 60%!important;}
html body.gmr-community-page .gmr-network-v8 > * {position:relative!important;z-index:1!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-community-titlebar {
  min-height:74px!important;
  margin:0 0 22px 300px!important;
  padding:0 8px!important;
}
html body.gmr-community-page .gmr-community-titlebar h1 {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-size:34px!important;
  line-height:1.08!important;
}
html body.gmr-community-page .gmr-community-titlebar h1 span {display:none!important;}
html body.gmr-community-page .gmr-community-titlebar h1::after {
  content:""!important;
  width:30px!important;
  height:30px!important;
  background:url('../images/community-botanical-right.svg') center/contain no-repeat!important;
  opacity:.72!important;
}
html body.gmr-community-page .gmr-community-titlebar p {font-size:15px!important;line-height:1.45!important;}
html body.gmr-community-page .gmr-community-titlebar .gmr-primary-action {
  min-height:48px!important;
  padding:0 25px!important;
  border-radius:7px!important;
  font-size:14px!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-app-grid {
  grid-template-columns:280px minmax(0,1fr) 300px!important;
  gap:22px!important;
}
html body.gmr-community-page .gmr-network-v8 .gmr-sticky-stack,
html body.gmr-community-page .gmr-center-feed,
html body.gmr-community-page .gmr-feed {gap:18px!important;}

html body.gmr-community-page .gmr-network-v8 .gmr-side-card,
html body.gmr-community-page .gmr-network-v8 .gmr-profile-card,
html body.gmr-community-page .gmr-network-v8 .gmr-share-find,
html body.gmr-community-page .gmr-network-v8 .gmr-around-campfire,
html body.gmr-community-page .gmr-network-v8 .gmr-feed-post {
  border-color:var(--gmr-52-line)!important;
  border-radius:13px!important;
  background:rgba(255,254,250,.98)!important;
  box-shadow:0 7px 22px rgba(52,42,35,.065)!important;
}

html body.gmr-community-page .gmr-network-v8 .gmr-side-card,
html body.gmr-community-page .gmr-network-v8 .gmr-profile-card {padding:19px!important;}
html body.gmr-community-page .gmr-community-navigation,
html body.gmr-community-page .gmr-my-community {padding:17px 14px!important;}
html body.gmr-community-page .gmr-community-navigation h3,
html body.gmr-community-page .gmr-my-community h3,
html body.gmr-community-page .gmr-side-card>h3,
html body.gmr-community-page .gmr-widget-heading h3 {font-size:17px!important;}
html body.gmr-community-page .gmr-community-navigation a,
html body.gmr-community-page .gmr-my-community a {
  min-height:40px!important;
  padding:8px 10px!important;
  font-size:13px!important;
}
html body.gmr-community-page .gmr-profile-card .gmr-profile-stats span,
html body.gmr-community-page .gmr-community-stat-grid span {font-size:11px!important;}
html body.gmr-community-page .gmr-profile-card .gmr-profile-stats strong,
html body.gmr-community-page .gmr-community-stat-grid strong {font-size:17px!important;}
html body.gmr-community-page .gmr-rules-card li {font-size:12px!important;line-height:1.5!important;}

html body.gmr-community-page .gmr-share-find {
  padding:19px 20px!important;
  border-top:1px solid var(--gmr-52-line)!important;
}
html body.gmr-community-page .gmr-share-find-heading {margin:0 0 10px 64px!important;}
html body.gmr-community-page .gmr-share-find-heading>span {display:none!important;}
html body.gmr-community-page .gmr-share-find-heading h2,
html body.gmr-community-page .gmr-around-heading h2 {font-size:22px!important;}
html body.gmr-community-page .gmr-share-find .gmr-composer {
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:13px!important;
}
html body.gmr-community-page .gmr-share-find .gmr-composer .gmr-avatar img {width:50px!important;height:50px!important;}
html body.gmr-community-page .gmr-share-find .gmr-composer textarea {
  min-height:104px!important;
  padding:15px!important;
  font-size:14px!important;
  line-height:1.5!important;
}
html body.gmr-community-page .gmr-share-find .gmr-share-options>summary,
html body.gmr-community-page .gmr-share-find .gmr-video-button {min-height:40px!important;padding:9px 13px!important;font-size:13px!important;}
html body.gmr-community-page .gmr-share-find .gmr-composer-actions>button {min-width:118px!important;min-height:43px!important;font-size:14px!important;}

html body.gmr-community-page .gmr-around-campfire {padding:17px 20px!important;border-top:1px solid var(--gmr-52-line)!important;}
html body.gmr-community-page .gmr-around-members {gap:12px!important;}
html body.gmr-community-page .gmr-around-members a>span {width:66px!important;height:66px!important;}
html body.gmr-community-page .gmr-around-members strong {font-size:11px!important;}
html body.gmr-community-page .gmr-around-heading a {font-size:12px!important;}

html body.gmr-community-page .gmr-campfire-heading {margin:3px 0 -1px!important;padding:0 6px!important;}
html body.gmr-community-page .gmr-campfire-heading h2 {font-size:27px!important;}

html body.gmr-community-page .gmr-feed-post {padding:0!important;}
html body.gmr-community-page .gmr-feed-post>header {padding:16px 18px!important;}
html body.gmr-community-page .gmr-feed-post>header img {width:52px!important;height:52px!important;}
html body.gmr-community-page .gmr-feed-post>header strong {font-size:16px!important;}
html body.gmr-community-page .gmr-feed-post>header span {font-size:12px!important;}
html body.gmr-community-page .gmr-post-content,
html body.gmr-community-page .gmr-post-content p {
  color:#31485d!important;
  font-size:15px!important;
  line-height:1.58!important;
}
html body.gmr-community-page .gmr-post-content {margin:0!important;padding:17px 20px 13px!important;}
html body.gmr-community-page .gmr-post-image,
html body.gmr-community-page .gmr-post-video {width:calc(100% - 36px)!important;margin:0 18px 14px!important;}

/* The mockup treats editing as a quiet utility, not a dark content band. */
html body.gmr-community-page .gmr-feed-post details.gmr-edit-post {
  margin:8px 18px 0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.gmr-community-page .gmr-feed-post details.gmr-edit-post>summary {
  display:inline-flex!important;
  width:auto!important;
  padding:4px 7px!important;
  color:#73529b!important;
  background:#f8f3fb!important;
  font-size:11px!important;
  font-weight:700!important;
}
html body.gmr-community-page .gmr-reactions {
  justify-content:space-evenly!important;
  margin:0!important;
  padding:11px 16px!important;
  border-radius:0!important;
  background:#fffdfa!important;
}
html body.gmr-community-page .gmr-reactions form {flex:1 1 100px!important;}
html body.gmr-community-page .gmr-reactions button {
  min-height:36px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12px!important;
}
html body.gmr-community-page .gmr-comments {
  margin:0!important;
  padding:12px 16px 15px!important;
  border:0!important;
  border-radius:0!important;
  background:#fbfaf7!important;
  box-shadow:none!important;
}
html body.gmr-community-page .gmr-comment-heading {font-size:12px!important;}
html body.gmr-community-page .gmr-comment-form input {font-size:13px!important;}

html body.gmr-community-page .gmr-right-rail .gmr-side-card {padding:18px!important;}
html body.gmr-community-page .gmr-live-list a,
html body.gmr-community-page .gmr-trending a {min-height:56px!important;padding:8px 0!important;}
html body.gmr-community-page .gmr-live-list img,
html body.gmr-community-page .gmr-mini-members img {width:40px!important;height:40px!important;}
html body.gmr-community-page .gmr-live-list strong,
html body.gmr-community-page .gmr-trending strong,
html body.gmr-community-page .gmr-mini-members strong {font-size:12px!important;}
html body.gmr-community-page .gmr-live-list small,
html body.gmr-community-page .gmr-trending small,
html body.gmr-community-page .gmr-mini-members small,
html body.gmr-community-page .gmr-live-list time {font-size:10px!important;}
html body.gmr-community-page .gmr-member-spotlight p {font-size:12px!important;}
html body.gmr-community-page .gmr-help-safety b {font-size:12px!important;}
html body.gmr-community-page .gmr-help-safety small {font-size:10px!important;}
html body.gmr-community-page .gmr-outline-action,
html body.gmr-community-page .gmr-side-action,
html body.gmr-community-page .gmr-rail-button {min-height:38px!important;font-size:11px!important;}

@media (max-width:1180px) {
  html body.gmr-community-page .gmr-network-v8 .gmr-community-titlebar {margin-left:0!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-app-grid {grid-template-columns:250px minmax(0,1fr)!important;}
}

@media (max-width:820px) {
  html body.gmr-community-page .gmr-network-v8 {width:min(100% - 22px,720px)!important;padding-top:18px!important;clip-path:none!important;}
  html body.gmr-community-page .gmr-network-v8::before,
  html body.gmr-community-page .gmr-network-v8::after {display:none!important;}
  html body.gmr-community-page .gmr-network-v8 .gmr-community-titlebar {padding:0!important;}
}

@media (max-width:560px) {
  html body.gmr-community-page .gmr-share-find-heading {margin-left:0!important;}
}