/*--------------------------------------------------------------
BuddyBoss Child Theme - Custom Styles
- Applies rounded corners throughout
- Applies Bebas Neue (headings/buttons) & Montserrat (body)
--------------------------------------------------------------*/

/* ==========================================================================
   1. OVERRIDE BUDDYBOSS CSS VARIABLES — rounded corners
   ========================================================================== */

:root {
  --bb-button-radius: 8px !important;
  --bb-block-radius: 12px !important;
  --bb-block-radius-inner: 8px !important;
  --bb-input-radius: 8px !important;
  --bb-checkbox-radius: 4px !important;
  --bb-option-radius: 8px !important;
  --bb-label-type-radius: 100px !important;
}

/* Force radius on common BuddyBoss elements that use inline vars */
.bb-card-wrap,
.bb-card,
.bb-panel,
.bb-box,
.post-inner-wrap,
.entry-content-wrap,
article.post,
article.type-post,
.hentry,
.bb-cover-wrap,
.bb-profile-header,
.bb-group-header,
.activity-list > li,
.bp-list > li,
.buddypress-wrap .bp-list > li,
.buddypress-wrap .activity-list > li {
  border-radius: 12px !important;
}

.widget,
.widget-area .widget,
#secondary .widget {
  border-radius: 12px !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select,
.select2-container--default .select2-selection--single,
.bb-ajax-search-wrap,
.search-form,
.bp-search-form {
  border-radius: 8px !important;
}

button,
.button,
input[type="submit"],
input[type="button"],
a.button,
#buddypress button,
#buddypress a.button,
#buddypress input[type="submit"] {
  border-radius: 8px !important;
}

.bb-modal,
.bb-dropdown,
.bb-popup,
.dropdown-menu,
.popover {
  border-radius: 12px !important;
}

/* ==========================================================================
   2. BEBAS NEUE — always regular weight, consistent letter-spacing
   ========================================================================== */

[style*="Bebas Neue"],
h1, h2, h3, h4, h5, h6,
.button, a.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.bp-subnavs a,
.bp-navs a,
#item-nav a {
  font-weight: 400 !important;
  letter-spacing: 1.8px !important;
}

/* ==========================================================================
   4. BUDDYPANEL BOTTOM MENU — pin second menu to bottom of side panel
   ========================================================================== */

/* Make .side-panel-inner a flex column. Don't override height/overflow —
   the parent theme already sets height: calc(100% - 88px); overflow: hidden. */
.buddypanel .side-panel-inner {
  display: flex;
  flex-direction: column;
}

/* Bottom menu container gets pushed to the bottom by auto top margin */
.buddypanel .side-panel-menu-container--bottom {
  margin-top: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid rgba(237, 234, 223, 0.08);
}

/* ==========================================================================
   3. DIRECTORY FILTER BARS — offset from sticky site header (76px tall)
   ========================================================================== */

/* Members/Groups/Activity directory filter + subnav bars */
.buddypress-wrap .subnav-filters,
.buddypress-wrap .bp-navs.bp-subnavs,
.buddypress-wrap .dir-list-tabs,
.buddypress-wrap .item-list-tabs,
#buddypress .subnav-filters,
#buddypress .bp-navs.bp-subnavs,
#buddypress .item-list-tabs {
  position: sticky !important;
  top: 76px !important;
  z-index: 90 !important;
  background-color: var(--bb-content-background-color, #fff);
}

/* Anchored jumps shouldn't land underneath the header either */
.buddypress-wrap .subnav-filters,
.buddypress-wrap .bp-navs.bp-subnavs,
.buddypress-wrap .item-list-tabs {
  scroll-margin-top: 92px;
}

/* Fix BB Pro feature image cropping — let the container size to the image
   instead of forcing a 200px box with overflow:hidden.
   Targets both standard and ReadyLaunch selectors at max specificity. */
body .has-featured-image .activity-feature-image,
body .has-featured-image .bb-rl-activity-feature-image,
body .bb-rl-activity-list .has-featured-image .bb-rl-activity-feature-image {
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
}
body .has-featured-image .activity-feature-image .activity-feature-image-media,
body .has-featured-image .bb-rl-activity-feature-image .activity-feature-image-media,
body .bb-rl-activity-list .has-featured-image .bb-rl-activity-feature-image .activity-feature-image-media,
body .bb-rl-activity-feature-image .activity-feature-image-media {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
}