/* Hide sidebar on homepage only */
.home #sidebar,
.home .buddypress-sidebar,
.home #secondary {
  display: none !important;
}

/* Make main content full width */
.home #primary,
.home .buddypress-wrap {
  width: 100% !important;
}

/* ══════════════════════════════════════════
   YFC — Match activity header to homepage nav
   Syne 800 · purple/orange brand · purple CTA
   ══════════════════════════════════════════ */

/* Load Syne font */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap');

/* ── Site title / logo text ── */
.bb-rl-header .site-title,
.bb-rl-header .site-title a,
header.bb-rl-header .custom-logo-link,
#masthead .site-title,
#masthead .site-title a {
  font-family: 'Syne', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.2rem !important;
  letter-spacing: -0.5px !important;
  color: #1e1743 !important;
  text-decoration: none !important;
}

/* ── All nav link items ── */
.bb-rl-header .bb-rl-header-inner nav a,
.bb-rl-header .bb-rl-header-inner ul li a,
#masthead nav ul li a,
#masthead .main-navigation a,
.site-header nav a,
header .nav-menu a,
header ul.menu li a,
header ul.nav-menu li a {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.2px !important;
  color: #7c6faa !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  transition: color 0.2s ease !important;
}

/* ── Nav link hover ── */
.bb-rl-header .bb-rl-header-inner nav a:hover,
.bb-rl-header .bb-rl-header-inner ul li a:hover,
#masthead nav ul li a:hover,
#masthead .main-navigation a:hover,
.site-header nav a:hover,
header .nav-menu a:hover,
header ul.menu li a:hover,
header ul.nav-menu li a:hover {
  color: #7c3aed !important;
}

/* ── Active / current page nav item ── */
.bb-rl-header ul li.current-menu-item > a,
#masthead ul li.current-menu-item > a,
header ul li.current_page_item > a,
header ul li.current-menu-item > a {
  color: #7c3aed !important;
}

/* ── CTA button — "Enter Platform" / Register ── */
.bb-rl-header ul li.menu-item-cta > a,
.bb-rl-header ul li:last-child > a,
#masthead ul li.menu-item-cta > a,
header ul li.menu-cta a,
header .nav-cta a,
header a.nav-cta,
.bb-rl-header .bb-rl-header-inner a.button,
.bb-rl-header .bb-rl-header-inner .btn-primary {
  background: #7c3aed !important;
  color: #fff !important;
  padding: 0.52rem 1.3rem !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-family: 'Syne', sans-serif !important;
  box-shadow: 0 4px 14px rgba(124,58,237,0.30) !important;
  transition: background 0.2s ease !important;
}
.bb-rl-header .bb-rl-header-inner a.button:hover,
.bb-rl-header .bb-rl-header-inner .btn-primary:hover,
header ul li.menu-item-cta > a:hover,
header a.nav-cta:hover {
  background: #9333ea !important;
  color: #fff !important;
}

/* ── Header background & border ── */
.bb-rl-header,
#masthead,
header.site-header {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 2px solid rgba(124,58,237,0.15) !important;
  box-shadow: 0 2px 20px rgba(124,58,237,0.08) !important;
}

/* ── BuddyBoss mobile hamburger icon ── */
.bb-rl-header .bb-rl-header-aside button,
#masthead button.menu-toggle,
header button.menu-toggle {
  color: #1e1743 !important;
}

/* ── Search icon / utility icons ── */
.bb-rl-header .bb-rl-header-aside .bb-icon-search,
.bb-rl-header .bb-rl-header-aside a,
#masthead .header-search a,
header .header-aside a {
  color: #7c6faa !important;
  transition: color 0.2s ease !important;
}
.bb-rl-header .bb-rl-header-aside a:hover {
  color: #7c3aed !important;
}

/* =====================================================
   YFC — Mobile Navbar Full Height Fix
   ===================================================== */

/* Allow the mobile menu to expand fully */
@media (max-width: 768px) {

  /* The slide-down mobile nav container */
  #site-navigation,
  .main-navigation,
  .bb-readylaunch #site-navigation,
  .bb-mobile-nav,
  .bb-mobile-header-nav,
  #bb-mobile-header,
  .bb-header-wrap .main-navigation {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
  }

  /* The actual dropdown menu list */
  #site-navigation ul,
  #site-navigation .nav-menu,
  .main-navigation ul,
  .main-navigation .nav-menu,
  .bb-mobile-nav ul,
  .bb-mobile-header-nav ul,
  #bb-mobile-nav-items {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  /* The open/toggled state */
  #site-navigation.toggled,
  #site-navigation.is-open,
  .main-navigation.toggled,
  .main-navigation.is-open,
  .bb-mobile-nav.is-open,
  #bb-mobile-header.is-open {
    max-height: 100vh !important;
    height: auto !important;
    overflow-y: auto !important;
  }

  /* Each nav item */
  #site-navigation ul li,
  .main-navigation ul li,
  .bb-mobile-nav ul li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Nav links */
  #site-navigation ul li a,
  .main-navigation ul li a,
  .bb-mobile-nav ul li a {
    display: block !important;
    padding: 12px 20px !important;
    color: #4B3F72 !important;
    font-family: 'Barlow', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-bottom: 1px solid rgba(124,58,237,.07) !important;
    text-decoration: none !important;
  }
  #site-navigation ul li a:hover,
  .main-navigation ul li a:hover {
    color: #7C3AED !important;
    background: rgba(124,58,237,.05) !important;
  }

  /* The Profile row specifically — make sure it doesn't clip siblings */
  .bb-mobile-header-user,
  .bb-mobile-user-wrap,
  .bb-header-profile {
    overflow: visible !important;
    height: auto !important;
  }

  /* Wrapper that may be clipping everything below Profile */
  .bb-header-wrap,
  .site-header .container,
  .site-header .bb-header-inner,
  #masthead .bb-header-inner,
  #masthead > * {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

}

/* YFC — Activity Image Centre Fix (targeted) */

.bb-activity-media-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.bb-activity-media-elem {
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
}

.bb-activity-media-elem a.entry-img {
  display: block !important;
  text-align: center !important;
}

.bb-activity-media-elem a.entry-img img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  float: none !important;
}

.activity-list .activity-item .activity-content {
        margin: 0;
        position: static;
        margin: 0;
        position: static;
        display: flex;
        justify-content: center;
        align-items: center;align-content
	
}

/* Stack everything vertically and center */
.activity-content.media-activity-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Image stays centered and full width */
.bb-activity-media-wrap {
    width: 100% !important;
}

/* Force reaction BELOW the image, not beside it */
.activity-state.has-likes {
    position: static !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    margin-top: 8px !important;
    box-sizing: border-box !important;
}

/* Hide popup */
.activity-state-popup {
    display: none !important;
}

/* Reactions row */
.activity-state-reactions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.field_contact-number-optional {
	display: none;
}

.activity-list .activity-item .activity-content {
    margin: 0;
    position: static;
    margin: 0;
    position: relative;
    display: block;
    justify-content: center;
    align-items: center;
}