/**
  * Responsive CSS for BuddyPress Compatibility
  *
  * This stylesheet contains responsive design adjustments
  * to ensure optimal display and functionality of BuddyPress
  * components across various device sizes.
  * @package TopHive/Compatibility/BuddyPress
  * @since 1.0.0
 */

/* =========================================
   1. Global & Utility Resets
   ========================================= */

/* Sticky Sidebar (Desktop Only) */
@media (min-width: 1024px) {
  body .sidebar-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    transition: top 0.3s ease;
    z-index: 2;
  }

  /* Admin Bar Offset */
  body.admin-bar .sidebar-inner {
    top: 40px;
  }
}

/* Hide Scrollbar on Mobile/Tablet */
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
    display: none;
  }
  
  body.v-nav-active {
    margin-left: inherit;
  }
}

/* =========================================
   2. Navigation & Subnavs
   ========================================= */

/* Subnav Filters - Specific Range Fixes */
@media screen and (max-width: 576px) {
  #buddypress.buddypress-wrap .subnav-filters {
    position: relative;
    transform: inherit;
  }
}

@media screen and (min-width: 0px) and (max-width: 390px) {
  #buddypress.buddypress-wrap .subnav-filters {
    float: right;
    top: 0px;
    position: relative;
    right: -4px;
    display: block;
    transform: translateY(-7px);
  }
}

@media screen and (min-width: 391px) and (max-width: 559px) {
  #buddypress.buddypress-wrap .subnav-filters {
    float: none;
    top: 0px;
    position: relative;
    right: 0;
    display: block;
    transform: translateY(-7px);
  }
}

@media screen and (max-width: 1200px) {
  .bp-user #buddypress nav.bp-navs ul:not(.bp-priority-subnav-nav-items) {
    display: flex;
    justify-content: start !important;
    overflow-x: scroll;
  }
}

/* Vertical Nav Visibility */
@media screen and (max-width: 1024px) {
  .tophive-vertical-nav {
    display: none !important;
  }
}

/* Small Vertical Nav specific override */
@media (min-width: 769px) and (max-width: 1024px) {
  .header-vertical_nav-item .tophive-vertical-nav {
    display: block; /* Or block, depending on theme logic. Original had display: block here but display:none above. 
                      Keeping generic logic: usually hidden on mobile. */
  }
}

/* =========================================
   3. Grids & Lists (Members/Groups)
   ========================================= */

/* Mobile (1 column) */
@media (max-width: 576px) {
  #buddypress .groups-list,
  #buddypress .members-list {
    grid-template-columns: 1fr;
  }

  #bp-ajax-loader.members-list {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
}

/* Tablet (2 columns) */
@media (min-width: 577px) and (max-width: 1024px) {
  #buddypress .groups-list,
  #buddypress .members-list {
    grid-template-columns: repeat(2, 1fr);
  }

  #bp-ajax-loader.members-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 569px) {
  .grid.three > li,
  .grid.two > li {
    width: 100%;
  }
  
  .grid.three > li:nth-child(odd),
  .grid.two > li:nth-child(odd) {
    padding-right: 0;
  }

  .grid.three > li:nth-child(even),
  .grid.two > li:nth-child(even) {
    padding-left: 0px;
  }
}

/* =========================================
   4. BuddyPress Headers (Profile & Groups)
   ========================================= */

/* --- Small Mobile & Specific Tweaks --- */

@media screen and (max-width: 782px) {
  #buddypress #item-header-cover-image #item-header-avatar,
  .bp-user #buddypress #item-header #item-header-cover-image #item-header-avatar {
    text-align: left !important;
  }
  
  #buddypress #item-header-cover-image #item-buttons div {
    float: none;
    display: flex !important;
  }
}

/* General Mobile Header Adjustments */
@media screen and (min-width: 0px) and (max-width: 600px) {
  #buddypress #header-cover-image {
    height: 160px !important;
  }
  
  #buddypress #item-header-cover-image #item-header-avatar {
    justify-content: center;
    margin-top: -40px;
    padding: 0 10px 0 10px;
  }

  #buddypress #item-header-cover-image #item-header-avatar svg {
    left: -12px;
    bottom: 8px;
    transform: translateX(-50px) scale(1);
  }
  
  #buddypress #item-header-cover-image #item-header-avatar img.avatar {
    width: 100px;
  }
  
  #item-header-content.mobile {
    display: block !important;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content > div {
    width: 100%;
  }
  
  /* User Facts */
  .bp-user #buddypress #item-header .user-facts p span:first-of-type {
    font-weight: 600;
    font-size: 15px;
  }
  
  /* Buttons */
  #buddypress #item-header-cover-image #item-buttons div.members-list {
    display: block;
  }
  
  #buddypress #item-header-cover-image #item-buttons div.members-action-buttons {
    display: flex;
    line-height: normal;
    height: 38px;
  }
  
  .buddypress-wrap .members-list li .members-action-buttons a.bp-th-friends-button {
    padding: 10px 24px;
  }
}

/* Group Headers Specific Mobile (< 600px) */
@media (max-width: 600px) {
  #buddypress #item-header.groups-header #item-header-cover-image #item-header-avatar {
    float: left;
    overflow: visible;
    width: auto;
    padding: 0 10px 0 20px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: -100px;
  }

  #buddypress #item-header.groups-header #item-header-cover-image #item-header-avatar img.avatar {
    width: 85px;
    border-width: 4px !important;
    border-radius: 20px !important;
  }

  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
  #buddypress div#item-header #item-header-cover-image #item-header-content {
    margin-top: -30px !important;
    position: relative;
    margin-left: 0px;
    clear: both;
    max-width: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
  }

  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .desc-wrap {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    margin-left: 0px;
  }

  #buddypress #item-header-cover-image .moderators-lists {
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  
  /* Inner Content alignment fix */
  #buddypress div#item-header #item-header-cover-image #item-header-content .member_meta_info_con {
    margin-left: unset;
  }
  
  .bp-user #buddypress #item-header .user-facts {
    justify-content: start;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content>div.user-section {
    width: unset;
    text-align: left;
  }
  
  #buddypress #item-header-cover-image #item-buttons {
    margin-left: unset;
    margin-bottom: 13px;
  }
}

/* --- Mid-Range & Tablet Headers (601px - 1100px) --- */
@media screen and (min-width: 601px) and (max-width: 1100px) {
  body.v-nav-active {
    margin-left: 0px !important;
  }
  
  #buddypress #header-cover-image {
    height: 220px;
  }
  
  #buddypress #item-header-cover-image #item-header-avatar {
    justify-content: left;
    margin-top: -130px;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content > div.user-section {
    display: inline-block;
    text-align: left;
    margin-top: 20px;
    width: 48%;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content > div#item-buttons {
    display: inline-block;
    text-align: right;
    margin-top: 10px;
    width: 48%;
    vertical-align: top;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content > div#item-meta {
    position: initial;
    bottom: 15px;
    right: 28px;
    width: auto;
  }
  
  .bp-user #buddypress #item-header .user-facts p:last-of-type {
    display: inline-block;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical {
    margin-left: -2px;
  }
  
  .bp-user #buddypress #item-header .user-facts p {
    display: inline-block;
    margin: 0 10px;
    font-size: 15px;
  }
  
  #item-header-content.mobile {
    display: block !important;
  }

  #buddypress #item-header-cover-image #item-buttons div.members-list {
    display: block;
  }
  
  #buddypress div#item-header #item-header-cover-image #item-header-content > div {
    width: 100%;
  }
  
  #buddypress #item-header-cover-image .tophive-buddypress-gamipress,
  #buddypress #item-header-cover-image .members-action-buttons {
    justify-content: flex-end;
  }
  
  .bp-user #buddypress #item-header .user-facts p span:first-of-type {
    font-weight: 600;
    font-size: 18px;
  }
  
  .buddypress-wrap .members-list li .members-action-buttons a {
    padding: 10px 13px;
  }
  
  .buddypress-wrap .members-list li .members-action-buttons a.bp-th-friends-button {
    padding: 10px 24px;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content .user-section #item-meta {
    align-items: start;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content .member_meta_info_con {
    margin-left: unset;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content>div.user-section {
    margin-top: 0px;
  }

  .bp-user #buddypress #item-header .user-facts {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

/* Generic Header Tweaks for Max Width 768px */
@media screen and (max-width: 768px) {
  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
    margin-top: 165px;
  }

  #buddypress #item-header.groups-header #item-header-cover-image h4.group-name {
    font-size: 18px;
  }
  
  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content,
  #buddypress div#item-header #item-header-cover-image #item-header-content {
    flex-direction: column;
    align-items: center;
    margin-top: 0 !important;
    padding-top: 10px;
    width: 100%;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content > div.user-section,
  #buddypress div#item-header #item-header-cover-image #item-header-content > div#item-buttons {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  #buddypress #item-header-cover-image #item-header-avatar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none;
    margin-top: -50px !important;
    display: flex;
    justify-content: center;
    width: 100%;
    float: none;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content .user-section #item-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta {
    float: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    position: static;
  }

  body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content .groups-meta .generic-button {
    float: none;
    margin: 0;
  }

  .single-headers a.button,
  .single-headers div.generic-button {
    float: none;
    display: inline-block;
    margin: 5px;
  }

  .single-headers {
    text-align: center;
  }
}

/* Group Header Specific Complex Layout (Max 768px) */
@media (max-width: 768px) {
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image {
    position: relative;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-avatar {
    position: absolute;
    top: -200px;
  }
  
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-avatar a {
    position: unset;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center !important;
    margin: 0px !important;
    margin-top: 0px !important;
    padding: 10px !important;
    gap: 5px;
    text-align: left;
    padding-top: 20px !important;
  }
  
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .groups-meta.action,
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .group-memebers-dp,
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .desc-wrap,
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .group-item-actions {
    grid-column: 1 / -1;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .desc-wrap {
    margin: 0px;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .group-name {
    margin: 0px;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .group-status {
    margin: 0px;
    margin-left: 10px;
    padding: 0px 5px;
    margin-top: 13px;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .group-memebers-dp {
    display: flex;
    align-items: center;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .group-item-actions {
    display: flex;
    align-items: center;
    gap: 5px;
    left: 0;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .moderators-lists {
    display: none;
  }

  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .groups-meta.action {
    position: unset;
  }
  
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .groups-meta.action .generic-button {
    margin: 0px;
    float: none;
  }
  
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-content .groups-meta.action .generic-button button {
    position: absolute;
    right: 5px;
    top: -45px;
  }
}

/* Mobile (<600) Group Header override */
@media (max-width: 600px) {
  body.single-item.groups #buddypress div#item-header #cover-image-container #item-header-cover-image #item-header-avatar {
    top: -90px;
  }
}

/* Max Width 1100px General Header Layout */
@media (max-width: 1100px) {
  #buddypress div#item-header #item-header-cover-image #item-header-content.mobile {
    margin-top: -25px !important;
    position: relative;
    clear: both;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    display: flex !important;
    flex-direction: column;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content>div.user-section {
    display: block;
    align-items: center;
    flex-direction: column;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content.mobile>div#item-buttons {
    width: 100%;
  }

  .bp-user #buddypress #item-header .user-facts {
    margin-top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #buddypress div#item-header #item-header-cover-image #item-header-content .bp-socials-vertical {
    position: absolute;
    right: 5px;
  }

  #buddypress #item-header-cover-image #item-header-avatar {
    padding: 0 10px 0 10px;
  }
  
  #buddypress #item-header-cover-image #item-header-avatar {
    justify-content: center;
    margin-top: -54px;
  }

  .bp-user #buddypress #item-header .user-facts {
    margin-bottom: 20px;
  }

  .bp-user #buddypress #item-header .user-facts p:last-child {
    margin-right: 0;
  }
}

/* Mobile (<600) Header Meta Fixes */
@media (max-width: 600px) {
  .bp-user #cover-image-container #item-header-content.mobile #item-meta {
    flex-direction: column;
  }
  
  .bp-user #cover-image-container #item-header-content.mobile #item-meta .user-facts p {
    margin-bottom: 0;
  }
}

/* Max Width 1100px User Meta Fixes */
@media (max-width: 1100px) {
  .bp-user #cover-image-container #item-header-content.mobile #item-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  .bp-user #cover-image-container #item-header-content.mobile #item-meta .user-facts {
    margin: 0px;
  }

  .bp-user #cover-image-container #item-header-content.mobile #item-buttons {
    display: flex !important;
    justify-content: center;
  }

  .bp-user #cover-image-container #item-header-content.mobile .bp-socials-vertical {
    position: relative !important;
    margin: 0;
    top: unset !important;
    left: unset !important;
  }
}

/* =========================================
   5. Messenger & Media Viewer
   ========================================= */

/* Media Viewer */
@media screen and (max-width: 879px) {
  .th-media-viewer {
    display: block;
    position: relative;
    width: 100vw;
    height: 90vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
  }

  .th-media-viewer .th-media-view {
    width: 100%;
    height: 450px;
  }
  
  .th-media-viewer .th-media-comments {
    width: 100%;
  }

  .image-viewer-next-prev {
    position: absolute;
    top: 300px;
    z-index: 99;
    color: var(--gray-50);
    width: 100%;
  }

  .th-media-viewer .close {
    position: fixed;
    right: 33px;
    top: 26px;
    cursor: pointer;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.4);
    color: var(--gray-50);
    border-radius: 50px;
    padding: 5px 7px;
  }
  
  .th-media-viewer .close svg {
    fill: #000;
  }
}

@media screen and (min-width: 820px) and (max-width: 1200px) {
  .th-media-viewer {
    display: flex;
    position: relative;
    width: 100vw;
    height: 100vh;
    top: 40%;
    left: 40%;
    transform: translate(-40%, -40%);
  }
  
  .th-media-viewer .th-media-comments {
    width: 40%;
  }
  
  .image-viewer-next-prev {
    width: 63%;
  }
}

/* Messenger Layouts */
@media screen and (min-width: 0px) and (max-width: 439px) {
  .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
    position: absolute;
    width: 100%;
    height: 570px;
    z-index: 99;
  }

  .th-bpm-chat-members .single-thread .name {
    color: #666;
  }

  .th-bpm-chat-members .single-thread .item-content {
    position: relative;
    display: block;
    text-align: left;
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease;
    overflow: visible;
    margin-left: 3px;
    z-index: 99;
  }

  .th-bpm-chat-members .single-thread .item-content:before {
    display: none;
  }

  .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
    width: 100%;
  }

  .th-messenger-chat-main .chat-filed-header .mobile-back {
    display: inline-block;
  }

  .tophive-bp-messenger-sticky-main {
    width: 100% !important;
    right: 0 !important;
  }
}

@media screen and (min-width: 440px) and (max-width: 599px) {
  .th-bpm-chat-members .single-thread {
    text-align: center;
  }

  .th-bpm-chat-members .single-thread .item-content {
    display: block;
    position: absolute;
    text-align: left;
    left: 87px;
    background: #444;
    border-radius: 5px;
    padding: 11px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    overflow: visible;
    transform: translateX(-5px) scale(0.9);
    transform-origin: left;
    z-index: 999;
  }

  .th-bpm-chat-members .single-thread .item-content:before {
    position: absolute;
    content: "";
    background: #444;
    width: 12px;
    height: 12px;
    top: 50%;
    left: -6px;
    overflow: visible;
    transform: translateY(-50%) rotate(45deg);
  }

  .th-bpm-chat-members .single-thread .group-photos:hover + .item-content,
  .th-bpm-chat-members .single-thread img:hover + .item-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px) scale(1);
  }

  .th-bpm-chat-members .single-thread .name {
    color: #fff;
  }

  .th-bpm-chat-members .single-thread span {
    vertical-align: middle;
  }

  .th-bpm-chat-members .single-thread span.last-thread {
    color: #999;
  }

  .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
    width: 20%;
  }

  .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
    width: 80%;
  }

  .th-bpm-chat-members .single-thread .group-photos,
  .th-bpm-chat-members .single-thread img {
    margin-right: 0px;
  }
}

@media screen and (min-width: 600px) and (max-width: 800px) {
  .th-bpm-chat-members .single-thread .last-thread {
    display: none;
  }

  .tophive-bp-messenger-main-wrapper .th-messenger-chat-list {
    width: 40%;
  }

  .tophive-bp-messenger-main-wrapper .th-messenger-chat-main {
    width: 60%;
  }
}

/* =========================================
   6. Activity, Forms & Popups
   ========================================= */

/* Mobile Images */
@media screen and (max-width: 569px) {
  .activity-inner .post-media .post-media-single-image-container img {
    height: 180px;
  }
}

@media screen and (max-width: 1024px) {
  .activity-inner .post-media .post-media-single-image-container img {
    height: 250px;
  }
}

/* Forms & Uploads */
@media (max-width: 600px) {
  .activity-update-form #whats-new-submit {
    margin-left: 0 !important;
  }

  .bp-image-uploads {
    flex-direction: column;
    align-items: stretch;
  }

  .bp-image-uploads > :not(:last-child) {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  #bp-upload-image,
  #bp-create-album {
    justify-content: center;
  }

  .bp-image-filters {
    flex-wrap: wrap;
  }

  .bp-image-filters > :not(:last-child) {
    margin-bottom: 10px;
  }
  
  .bp-user #groups-list li {
    width: 100%;
  }
  
  .bp-user #groups-list li .groups-meta button.group-button {
    margin-left: auto;
    width: auto;
  }
  
  .bp-user .tophive-container #nav-bar-filter {
    padding-left: 0;
  }
  
  .activity-update-form.activity-post-form-popup #whats-new-form {
    width: 98vw;
  }
}

/* Popups */
@media (max-width: 767px) {
  .media-upload-popup,
  .album-upload-popup {
    width: 95vw;
  }
  
  .ac-vi-content {
    width: 70vw;
  }
  
  .ac-vi-form-content {
    width: 70vw;
  }
}

@media (max-width: 500px) {
  .ac-vi-content {
    width: 90vw;
  }

  .ac-vi-header-text {
    font-size: 16px;
  }

  .ac-vi-option-title {
    font-size: 14px;
  }

  .ac-vi-options svg {
    height: 23px;
    width: 23px;
  }
  
  .ac-vi-form-content {
    width: 90vw;
  }

  .ac-vi-form-header-text {
    font-size: 16px;
  }

  .ac-vi-form-option-title {
    font-size: 14px;
  }

  .ac-vi-form-options svg {
    height: 23px;
    width: 23px;
  }
}

/* =========================================
   7. General Layout & BBPress
   ========================================= */

@media screen and (max-width: 569px) {
  .forums #buddypress ul li:not(:nth-child(1)):not(:nth-child(2)) {
    display: none;
  }
  #buddypress .bbp-pagination {
    position: relative;
    top: 0;
  }
  .buddypress-wrap .activity-comments ul li span.comment-content {
    width: 82%;
  }
}

@media screen and (max-width: 900px) {
  .group-create-links {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
    background: none;
    border-bottom: none;
  }
  
  #buddypress .activity-extension-links .open-button {
    float: right;
    cursor: pointer;
    padding: 14px 0;
    margin-top: 13px;
    line-height: 13px;
    margin-right: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #buddypress .group-search form {
    display: none;
  }
  
  .tophive-forum-topic-loop-single .tophive-forum-topic-loop-single-footer-meta {
    margin-left: 0;
  }
}

/* Sidebar Hiding & Container Padding */
@media (max-width: 1024px) {
  .tophive-container {
    padding-left: .5em;
    padding-right: .5em;
  }

  .bp-user .tophive-container #sidebar-primary {
    display: none;
  }

  .bp-user .tophive-container #nav-bar-filter {
    padding-left: 30px;
  }

  .bp-user .tophive-container .tophive-grid {
    justify-content: center;
  }
}

/* Activity Form Showcase */
@media screen and (max-width: 760px) {
  .ac-post-form-showcase .ac-post-form-showcase__btn-container .ac-post-form-showcase__infos {
    display: none;
  }

  .ac-post-form-showcase .ac-post-form-showcase__btn-container .ac-post-form-showcase__format .button {
    padding: 4px 8px;
  }
}

@media screen and (max-width: 1000px) {
  .ac-post-form-showcase .ac-post-form-showcase__btn-container .ac-post-form-showcase__infos {
    display: none;
  }
}

/* Mobile Nav Toggles */
@media (max-width: 576px) {
  .header-vertical_nav-item .tophive-vertical-nav {
    display: none;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .header-vertical_nav-item .tophive-vertical-nav {
    display: none;
  }
}

/* Sidebar Content Inner */
@media screen and (min-width: 48em) {
  .buddypress.sidebar-content-sidebar .content-inner {
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .buddypress.sidebar-content-sidebar #main .content-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 48em) {
  .content-sidebar .content-inner {
    padding-right: 0;
  }
}