/*
Theme Name: 	BuddyBoss Child
Theme URI: 		https://www.buddyboss.com/
Description: 	A child theme of BuddyBoss Theme. To ensure easy updates, make your own edits in this theme.
Author: 		BuddyBoss.com
Author URI: 	https://www.buddyboss.com/
License: 		GNU General Public License v3 or later
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
Template: 		buddyboss-theme
Version: 		1.0.1
*/

/*

-- Stylesheet locations --

Add your own customizations into /css/custom.css in this child theme.

Parent styles are called from /buddyboss-theme/inc/theme/functions.php in the 
parent theme and are located in /buddyboss-theme/assets/css/ in the parent theme.


--- If you are editing CSS via the WordPress admin, do the following ---

1. Install the plugin WP Editor: http://wordpress.org/plugins/wp-editor/
2. Navigate to Appearance > Theme Editor in the WordPress admin.
3. Navigate into the /css/ folder of your child theme to edit custom.css.

*/
/* ════════════════════════════════════════
   🧭 Layout & Global Container Tweaks
═════════════════════════════════════════ */
body.directory.activity header.entry-header {
  display: none;
}

#buddypress,
.site-content,
.container,
.content-area {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
}

.bbp-wrap,
.bp-wrap,
#activity-stream,
.groups-directory,
.members-directory {
  max-width: 1600px;
  margin: 0 auto;
}

/* ════════════════════════════════════════
   🌀 Neon Animations
═════════════════════════════════════════ */
@keyframes dropShadowGlow {
  0% { filter: drop-shadow(0 0 3px #00ffff); }
  50% { filter: drop-shadow(0 0 8px #00ffff); }
  100% { filter: drop-shadow(0 0 3px #00ffff); }
}

@keyframes flickerGlow {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow: 0 0 3px #00ffff, 0 0 12px #00ffff;
  }
  20%, 24%, 55% {
    text-shadow: none;
  }
}

@keyframes glowSweep {
  0% { filter: drop-shadow(0 0 5px #00ffff); }
  50% { filter: drop-shadow(0 0 12px #00ffff); }
  100% { filter: drop-shadow(0 0 5px #00ffff); }
}

/* ════════════════════════════════════════
   📱 Custom Mobile Top Nav Menu
═════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Hide BuddyBoss mobile header */
  header.mobile-header,
  .bb-mobile-header,
  .bb-header-toggle,
  .off-canvas-sidebar,
  .off-canvas-backdrop,
  .mobile-header .header-left,
  .mobile-header .header-title,
  .mobile-header .header-right,
  .mobile-header .header-actions {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  /* Top nav container */
  .norgbass-mobile-top-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    background: #121212;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 2px solid #00FFFF;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0, 255, 255, 0.3);
  }

  .norgbass-mobile-top-nav a {
    flex: 1;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .norgbass-mobile-top-nav i {
    font-size: 28px;
    color: #00FFFF;
    text-shadow: 0 0 6px #00FFFF;
    transition: transform 0.2s ease-in-out, color 0.2s;
  }

  .norgbass-mobile-top-nav a:hover i {
    color: #00ccff;
    transform: scale(1.15);
    text-shadow: 0 0 10px #00ccff;
  }

  /* Push content below fixed nav */
  body {
    padding-top: 64px !important;
  }

  /* Remove padding/margin from containers on mobile */
  #buddypress,
  .site-content,
  .container,
  .content-area,
  .activity-list,
  .bp-wrap,
  .bb-grid,
  .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Remove spacing from first visible elements */
  .site-content h1:first-child,
  .site-content h2:first-child,
  .entry-content h1:first-child,
  .entry-content h2:first-child,
  .buddypress.activity .activity-list,
  .bb-grid > div:first-child,
  .bp-wrap > div:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Page builder specific fix */
  .wp-block-group:first-child,
  .elementor-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (min-width: 769px) {
  .norgbass-mobile-top-nav {
    display: none !important;
  }
}
.bb-modal-overlay {
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(1px); /* Optional frosted glass effect */
    box-shadow: none !important;
}
/* Active layout icon: bright neon blue + glow */
.grid-filters .layout-view.active i.bb-icon-grid-large,
.grid-filters .layout-view.active i.bb-icon-bars {
  color: #00FFFF !important;
  text-shadow: 0 0 6px #00FFFF !important;
  opacity: 1 !important;
}

/* Inactive layout icon: same blue, no glow */
.grid-filters .layout-view:not(.active) i.bb-icon-grid-large,
.grid-filters .layout-view:not(.active) i.bb-icon-bars {
  color: #00FFFF !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
/* 🔵 Neon-friendly dropdown styling fix */
.buddypress-wrap .select-wrap select,
.buddypress-wrap select,
select {
  background-color: #121212 !important; /* Dark background */
  color: #00FFFF !important;            /* Neon text */
  border: 1px solid #00FFFF !important; /* Neon border */
  border-radius: 5px !important;
  padding: 6px 40px 6px 12px !important;
  appearance: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='%2300FFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  font-size: 15px !important;
}

/* Optional: Add glow on focus */
.buddypress-wrap select:focus {
  box-shadow: 0 0 1px #00FFFF !important;
  outline: none !important;
}
.bb-logo {
  max-height: 140px !important;
}
/* Make the full search bar container dark */
.header-search-wrap {
  background-color: #121212 !important; /* Dark background */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 0 20px #00ffff50;
}

/* Remove white background from .container if it exists */
.header-search-wrap .container {
  background: transparent !important;
  padding: 0;
  margin: 0;
}
/* BuddyBoss BuddyPanel active menu item fix */
.buddypanel-menu .current-menu-item > a.bb-menu-item {
  background-color: #121212 !important; /* black background */
  color: #00ffff !important;            /* neon blue text */
  border-left: 3px solid #00ffff !important; /* blue border */
}

/* Optional: adjust icon color inside */
.buddypanel-menu .current-menu-item > a.bb-menu-item i {
  color: #00ffff !important; /* neon blue icon */
}

/* Fix hover/active hover states to match */
.buddypanel-menu .current-menu-item > a.bb-menu-item:hover {
  background-color: #121212 !important;
  color: #00ffff !important;
}

/* Keep inactive items the same blue */
.buddypanel-menu .bb-menu-item {
  color: #00ffff;
}

.buddypanel-menu .bb-menu-item i {
  color: #00ffff;
}