/* ----------------------------------------------------------
   1. Ocultar la imagen destacada en páginas (BuddyX / WP)
   ---------------------------------------------------------- */
body.page .featured-media-inner.section-inner img {
    display: none !important;
}

/* ----------------------------------------------------------
   2. Eliminar TODAS las sombras dentro de BuddyPress
   ---------------------------------------------------------- */
body #buddypress * {
    box-shadow: none !important;
}

/* ----------------------------------------------------------
   3. Aplicar fondo oscuro global (#001724) a BuddyPress
      y eliminar sombras en todos los elementos internos
   ---------------------------------------------------------- */
body #buddypress,
body #buddypress * {
    background: #001724 !important;
    box-shadow: none !important;
}

/* ----------------------------------------------------------
   4. Hacer transparentes los contenedores internos de BuddyPress
      (listas, items, formularios, contenido, etc.)
   ---------------------------------------------------------- */
body #buddypress .activity-list.bp-list,
body #buddypress .activity-item,
body #buddypress .activity-inner,
body #buddypress .activity-content,
body #buddypress .activity-update-form,
body #buddypress .item-body,
body #buddypress .bp-list {
    background: transparent !important;
    border: none !important;
}

/* ----------------------------------------------------------
   5. Estilo de contadores (número de posts, grupos, etc.)
      — estilo oscuro minimalista con borde suave
   ---------------------------------------------------------- */
.bp-navs ul li .count {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    color: #E0E0E0 !important;
    display: inline-block;
    font-size: 12px;
    margin-left: 2px;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
}

/* ----------------------------------------------------------
   6. Estilo de mensajes de feedback (errores, avisos, etc.)
      — fondo oscuro, sin sombra, borde sutil
   ---------------------------------------------------------- */
.buddypress-wrap .bp-feedback {
    background: #001724 !important;
    color: #E0E0E0 !important;
    box-shadow: none !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    margin: 10px 0;
    position: relative;
}

/* ----------------------------------------------------------
   7. Estilo del item activo en la navegación de BuddyPress
      — fondo semitransparente y texto claro
   ---------------------------------------------------------- */
@media screen and (min-width: 46.8em) {
    .buddypress-wrap .main-navs:not(.dir-navs) li.current a,
    .buddypress-wrap .main-navs:not(.dir-navs) li.selected a {
        background: rgba(255,255,255,0.1) !important;
        color: #E0E0E0 !important;
        font-weight: 600;
        border-radius: 4px;
    }
}

/* ----------------------------------------------------------
   8. Estilo del estado del grupo (público, privado, oculto)
      — color claro y elegante
   ---------------------------------------------------------- */
.single-headers .group-status {
    font-size: 18px;
    color: #E0E0E0 !important;
    padding-right: 1em;
    opacity: 0.8;
}

/* ----------------------------------------------------------
   9. Ajuste de altura mínima en listas de grupos
      — evita saltos visuales en grid
   ---------------------------------------------------------- */
@media screen and (min-width: 24em) {
    .grid.groups-list .list-wrap {
        min-height: 1em;
    }
}

/* ----------------------------------------------------------
   10. Estilo de metadatos (fechas, paginación, time-since)
       — color dorado editorial (#c9a94a)
   ---------------------------------------------------------- */
.buddypress-wrap .bp-list li .item-meta,
.buddypress-wrap .bp-list li .meta,
.buddypress-wrap .item-meta,
.buddypress-wrap .pag-count,
.buddypress-wrap .pag-count .pag-data,
.buddypress-wrap .activity-list .activity-item .activity-header .time-since,
.buddypress-wrap .activity-list .activity-item .activity-header .activity-time-since {
    color: #c9a94a !important;
    opacity: 0.9;
}

/* ----------------------------------------------------------
   11. Ajuste global final: fondo oscuro + margen inferior
       — asegura consistencia visual en todos los elementos
   ---------------------------------------------------------- */
body #buddypress,
body #buddypress * {
    background: #001724 !important;
    box-shadow: none !important;
    margin-bottom: .3em;
}
/* ----------------------------------------------------------
   12. Ocultar completamente el cover image (imagen de portada)
       en perfiles de usuarios y grupos de BuddyPress
   ---------------------------------------------------------- */
.users-header #cover-image-container,
.users-header #buddypress #header-cover-image,
.groups-header #cover-image-container,
.groups-header #buddypress #header-cover-image {
    display: none !important;
}