/*
  JR Private/Hidden Tabs Background v1.0.0
  Targets BuddyPress group primary navigation tabs.
  Scoped to common body classes used for private/hidden group contexts.
*/

/* ===== Scope: PRIVATE/HIDDEN contexts (covers multiple possible body class variants) ===== */
body.group-private #object-nav,
body.group-hidden #object-nav,
body.private-group #object-nav,
body.hidden-group #object-nav,
body.bp-group-private #object-nav,
body.bp-group-hidden #object-nav,
body.groups.group-private #object-nav,
body.groups.group-hidden #object-nav,
body.buddypress.group-private #object-nav,
body.buddypress.group-hidden #object-nav {
  /* Keep nav area tidy against modern grey backgrounds */
  background: transparent !important;
}

/* Tab list wrapper */
body.group-private #object-nav ul#group-primary-nav,
body.group-hidden #object-nav ul#group-primary-nav,
body.private-group #object-nav ul#group-primary-nav,
body.hidden-group #object-nav ul#group-primary-nav,
body.bp-group-private #object-nav ul#group-primary-nav,
body.bp-group-hidden #object-nav ul#group-primary-nav,
body.groups.group-private #object-nav ul#group-primary-nav,
body.groups.group-hidden #object-nav ul#group-primary-nav,
body.buddypress.group-private #object-nav ul#group-primary-nav,
body.buddypress.group-hidden #object-nav ul#group-primary-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Inactive tabs: soft light background so they "sit" on #eaeaea */
body.group-private #object-nav ul#group-primary-nav > li a,
body.group-hidden #object-nav ul#group-primary-nav > li a,
body.private-group #object-nav ul#group-primary-nav > li a,
body.hidden-group #object-nav ul#group-primary-nav > li a,
body.bp-group-private #object-nav ul#group-primary-nav > li a,
body.bp-group-hidden #object-nav ul#group-primary-nav > li a,
body.groups.group-private #object-nav ul#group-primary-nav > li a,
body.groups.group-hidden #object-nav ul#group-primary-nav > li a,
body.buddypress.group-private #object-nav ul#group-primary-nav > li a,
body.buddypress.group-hidden #object-nav ul#group-primary-nav > li a {
  background: rgba(255,255,255,0.65) !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* Hover: a touch more solid */
body.group-private #object-nav ul#group-primary-nav > li a:hover,
body.group-hidden #object-nav ul#group-primary-nav > li a:hover,
body.private-group #object-nav ul#group-primary-nav > li a:hover,
body.hidden-group #object-nav ul#group-primary-nav > li a:hover,
body.bp-group-private #object-nav ul#group-primary-nav > li a:hover,
body.bp-group-hidden #object-nav ul#group-primary-nav > li a:hover,
body.groups.group-private #object-nav ul#group-primary-nav > li a:hover,
body.groups.group-hidden #object-nav ul#group-primary-nav > li a:hover,
body.buddypress.group-private #object-nav ul#group-primary-nav > li a:hover,
body.buddypress.group-hidden #object-nav ul#group-primary-nav > li a:hover {
  background: rgba(255,255,255,0.82) !important;
}

/* Active/current tab: solid white "selected" look */
body.group-private #object-nav ul#group-primary-nav > li.current a,
body.group-private #object-nav ul#group-primary-nav > li.selected a,
body.group-hidden #object-nav ul#group-primary-nav > li.current a,
body.group-hidden #object-nav ul#group-primary-nav > li.selected a,
body.private-group #object-nav ul#group-primary-nav > li.current a,
body.private-group #object-nav ul#group-primary-nav > li.selected a,
body.hidden-group #object-nav ul#group-primary-nav > li.current a,
body.hidden-group #object-nav ul#group-primary-nav > li.selected a,
body.bp-group-private #object-nav ul#group-primary-nav > li.current a,
body.bp-group-private #object-nav ul#group-primary-nav > li.selected a,
body.bp-group-hidden #object-nav ul#group-primary-nav > li.current a,
body.bp-group-hidden #object-nav ul#group-primary-nav > li.selected a,
body.groups.group-private #object-nav ul#group-primary-nav > li.current a,
body.groups.group-private #object-nav ul#group-primary-nav > li.selected a,
body.groups.group-hidden #object-nav ul#group-primary-nav > li.current a,
body.groups.group-hidden #object-nav ul#group-primary-nav > li.selected a,
body.buddypress.group-private #object-nav ul#group-primary-nav > li.current a,
body.buddypress.group-private #object-nav ul#group-primary-nav > li.selected a,
body.buddypress.group-hidden #object-nav ul#group-primary-nav > li.current a,
body.buddypress.group-hidden #object-nav ul#group-primary-nav > li.selected a {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.14) !important;
}

/* Tiny badge (like Members count) keep readable on new backgrounds */
body.group-private #object-nav ul#group-primary-nav .count,
body.group-hidden #object-nav ul#group-primary-nav .count,
body.private-group #object-nav ul#group-primary-nav .count,
body.hidden-group #object-nav ul#group-primary-nav .count,
body.bp-group-private #object-nav ul#group-primary-nav .count,
body.bp-group-hidden #object-nav ul#group-primary-nav .count {
  background: rgba(0,0,0,0.08) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}