/* JR BP Profile Nav Selected Style v1.0.1
   Scope: mobile landscape + tablet portrait + tablet landscape only
*/

/* =========================
   Main BuddyPress object nav
   ========================= */
body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li > a,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  line-height: 1.2 !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.current > a,
body.jr-mobile-landscape #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.selected > a,
body.jr-tablet #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.current > a,
body.jr-tablet #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.selected > a {
  background: #E5E0D5 !important;
  color: #333 !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin: 0 !important;
  top: auto !important;
  transform: none !important;
  position: static !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.current > a:hover,
body.jr-mobile-landscape #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.selected > a:hover,
body.jr-mobile-landscape #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.current > a:focus,
body.jr-mobile-landscape #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.selected > a:focus,
body.jr-tablet #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.current > a:hover,
body.jr-tablet #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.selected > a:hover,
body.jr-tablet #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.current > a:focus,
body.jr-tablet #buddypress.buddypress-wrap .main-navs:not(.dir-navs) li.selected > a:focus {
  background: #E5E0D5 !important;
  color: #333 !important;
  box-shadow: none !important;
  top: auto !important;
  transform: none !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li .count,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items li .count {
  margin-left: 6px !important;
  vertical-align: middle !important;
}

/* =========================
   Lower BuddyPress subnav
   ========================= */
body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li > a,
body.jr-tablet #buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li > a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  line-height: 1.2 !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-subnavs li.current > a,
body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-subnavs li.selected > a,
body.jr-tablet #buddypress.buddypress-wrap .bp-subnavs li.current > a,
body.jr-tablet #buddypress.buddypress-wrap .bp-subnavs li.selected > a {
  background: #E5E0D5 !important;
  color: #333 !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin: 0 !important;
  top: auto !important;
  transform: none !important;
  position: static !important;
}

body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-subnavs li.current > a:hover,
body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-subnavs li.selected > a:hover,
body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-subnavs li.current > a:focus,
body.jr-mobile-landscape #buddypress.buddypress-wrap .bp-subnavs li.selected > a:focus,
body.jr-tablet #buddypress.buddypress-wrap .bp-subnavs li.current > a:hover,
body.jr-tablet #buddypress.buddypress-wrap .bp-subnavs li.selected > a:hover,
body.jr-tablet #buddypress.buddypress-wrap .bp-subnavs li.current > a:focus,
body.jr-tablet #buddypress.buddypress-wrap .bp-subnavs li.selected > a:focus {
  background: #E5E0D5 !important;
  color: #333 !important;
  box-shadow: none !important;
  top: auto !important;
  transform: none !important;
}