/* Everything below Coffee & Connection recoloured to the palette used above it.
   The page was oatmeal #E3DAC9 cards on white; the new sections use white panels
   with a soft border, plus the five pastel tints as accents. Nine classes carry
   that oatmeal: .ch-hl .ch-box .ch-file .ch-tog-row .ch-cat .ch-post .ch-chal
   .ch-sv and .is-saved — 37 cards in all.
   NOTE: `background-color` only, never the `background` shorthand — several of
   these carry a gradient, and the shorthand wipes background-image. */

/* the default card: white with the same hairline as the panels above */
#page-community-hub .ch-hl,
#page-community-hub .ch-box,
#page-community-hub .ch-file,
#page-community-hub .ch-tog-row,
#page-community-hub .ch-post,
#page-community-hub .ch-chal,
#page-community-hub .ch-sv{
  background-color:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #E8E4DC !important;
}
/* the highlight and category cards take the rotating pastels, in the same order
   as Browse topics above, so the two halves read as one page */
#page-community-hub .ch-hl:nth-child(4n+1),
#page-community-hub .ch-cat:nth-child(6n+1){ background-color:#EDF3E9 !important; border-color:#D7E3D2 !important; }
#page-community-hub .ch-hl:nth-child(4n+2),
#page-community-hub .ch-cat:nth-child(6n+2){ background-color:#FBF3E4 !important; border-color:#EFE3CB !important; }
#page-community-hub .ch-hl:nth-child(4n+3),
#page-community-hub .ch-cat:nth-child(6n+3){ background-color:#F1EEF9 !important; border-color:#E1DAF0 !important; }
#page-community-hub .ch-hl:nth-child(4n+4),
#page-community-hub .ch-cat:nth-child(6n+4){ background-color:#FBECEF !important; border-color:#F0DCE1 !important; }
#page-community-hub .ch-cat:nth-child(6n+5){ background-color:#EAF1F7 !important; border-color:#D6E3EE !important; }
#page-community-hub .ch-cat:nth-child(6n+6){ background-color:#EDF3E9 !important; border-color:#D7E3D2 !important; }
#page-community-hub .ch-cat{ background-image:none !important; border-width:1px !important; border-style:solid !important; }

/* a saved item keeps its own state colour, just in the newer sage */
#page-community-hub .ch-sv.is-saved,
#page-community-hub .ch-post.is-saved{
  background-color:#EDF3E9 !important; border-color:#CFE0C8 !important;
}
/* accents that sat ON the oatmeal: white chips with a warm hairline no longer
   read against white cards, so they take the pale sage instead */
#page-community-hub .ch-ic,
#page-community-hub .ch-av,
#page-community-hub .ch-type,
#page-community-hub .ch-sv-ic,
#page-community-hub .ch-trust-ic,
#page-community-hub .ch-kw{
  background-color:#EEF4EC !important;
  background-image:none !important;
  border-color:#D7E3D2 !important;
}
/* primary buttons match the sage used above rather than the navy gradient */
/* `.ch-btn.ch-btn-primary` is a two-class selector, so a single-class override
   loses even with !important — the doubled id bumps weight past it. */
#page-community-hub#page-community-hub .ch-btn.ch-btn-primary,
#page-community-hub .ch-btn-primary,
#page-community-hub .ss-share-btn,
#page-community-hub .cv-submit,
#page-community-hub .ch-btn-navy{
  background-color:#4E6640 !important;
  background-image:none !important;
  border:1px solid #4E6640 !important;
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}
#page-community-hub#page-community-hub .ch-btn.ch-btn-primary:hover,
#page-community-hub .ch-btn-primary:hover,
#page-community-hub .ss-share-btn:hover,
#page-community-hub .cv-submit:hover,
#page-community-hub .ch-btn-navy:hover{
  background-color:#445A38 !important; border-color:#445A38 !important;
}
#page-community-hub .ch-btn-ghost{
  background-color:#ffffff !important; border:1px solid #E4DFD2 !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
/* `.ch-tab` was white text sized for the old dark/oatmeal treatment and is now
   white on white — 1.09, effectively invisible. Given the pill styling above,
   it becomes a white pill with navy text and an active sage state. */
#page-community-hub .ch-tab{
  background-color:#FFFFFF !important; background-image:none !important;
  border:1px solid #E4DFD2 !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#page-community-hub .ch-tab.is-on,
#page-community-hub .ch-tab[aria-selected="true"]{
  background-color:#4E6640 !important; border-color:#4E6640 !important;
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}

/* progress tracks and toggles were tuned for a pale card — restore contrast on white */
#page-community-hub .ch-prog,
#page-community-hub .ch-tog{ background-color:#EDEAE2 !important; }
#page-community-hub .ch-prog > *,
#page-community-hub .ch-tog.is-on{ background-color:#5F7350 !important; background-image:none !important; }