/*
Theme Name:   BuddyX Child - Plétora Network
Theme URI:    https://pletnet.io
Description:  Tema hijo de BuddyX - Estilos personalizados de Pletnet (fondos oscuros, foros, grupos, subcabecera y botón campana)
Author:       El equipo de Plétora
Author URI:   https://pletnet.io
Template:     buddyx
Version:      1.0.0
License:      GPL v3 or later
Text Domain:  buddyx-child-pletora
*/

/* ============================================================
   FONDOS PERSONALIZADOS PARA ACTIVIDAD Y FOROS
   Basado en petición específica - Marzo 2026
   ============================================================ */

/* === ACTIVIDADES - FONDO OSCURO === */
.activity-list.bp-list {
    background: #001724 !important;
    border: 1px solid #eee !important;
}

.activity-list.bp-list .activity-item {
    background: #001724 !important;
    border: 1px solid #b7b7b7 !important;
    box-shadow: 0 0 6px #d2d2d2 !important;
    margin: 20px 0 !important;
}

.activity-list .activity-item .activity-content .activity-inner,
.activity-list .activity-item .activity-content blockquote {
    background: #001724 !important;
    margin: 15px 0 10px !important;
    overflow: hidden !important;
    padding: 1em !important;
}

.activity-list .activity-item .activity-meta.action {
    border: 1px solid transparent !important;
    background: #001724 !important;
    padding: 2px !important;
    position: relative !important;
    text-align: left !important;
}

.activity-list .activity-item .activity-meta.action .button span {
    background: 0 0 !important;
    color: #001724 !important;
    font-weight: 700 !important;
}

.activity-list li .activity-content .activity-inner a.buddyx-post-img-link {
    background: #001724 !important;
    border-radius: 4px !important;
    flex-flow: wrap !important;
    margin: 0 0 15px !important;
    display: flex !important;
}

/* === FOROS BBPRESS - FONDO OSCURO === */
#bbpress-forums li.bbp-header,
#bbpress-forums fieldset.bbp-form,
#bbpress-forums div.even,
#bbpress-forums ul.even,
#bbpress-forums div.odd,
#bbpress-forums ul.odd,
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header,
.widgetable .bbp-login-form,
.widgetable .bbp-logged-in {
    background-color: #001724 !important;
}

#bbpress-forums li.bbp-header {
    background: #001724 !important;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
    background-color: #001724 !important;
}

/* ============================================================
   ESTILOS PARA GRUPOS Y PERFILES
   ============================================================ */

body.bp-nouveau.media #buddypress #item-header-cover-image .user-nicename,
#buddypress div#item-header-cover-image h2 a,
#buddypress div#item-header-cover-image h2 {
    color: #999900 !important;
    text-rendering: inherit !important;
    text-shadow: none !important;
    margin: 0 0 15px !important;
    font-size: 200% !important;
}

.single-headers .group-status {
    font-size: 18px !important;
    color: #999900 !important;
    padding-right: 1em !important;
}

.groups-header .desc-wrap {
    background: #001724 !important;
    border: 1px solid #999900 !important;
    margin: 0 0 15px !important;
    padding: 1em !important;
    text-align: center !important;
}

.groups-header .desc-wrap .group-description {
    background: #001724 !important;
    box-shadow: inset 0 0 9px #ccc !important;
    padding: 1em !important;
    text-align: left !important;
}

.bp-single-vert-nav .item-body:not(#group-create-body) {
    background: #001724 !important;
    border-left: 1px solid #d6d6d6 !important;
    float: right !important;
    margin: 0 !important;
    min-height: 400px !important;
    padding: 0 0 0 1em !important;
    width: calc(75% + 1px) !important;
}

@media screen and (min-width: 46.8em) {
    nav#object-nav.vertical {
        float: left !important;
        border-radius: var(--global-border-radius) 0 0 var(--global-border-radius) !important;
        border: 0 !important;
        border-right: 1px solid var(--global-border-color) !important;
        background: #001724 !important;
        flex: 0 0 230px !important;
        width: 100% !important;
        min-height: 50vh !important;
        margin: 0 !important;
        padding: 20px 0 !important;
    }
}

/* ============================================================
   SUBCABECERA (SITE SUB HEADER)
   ============================================================ */

.site-sub-header {
    color: var(--color-subheader-title);
    background: #001718;
    width: 100vw;
    margin-bottom: 1rem;
    margin-left: -50vw;
    padding: 30px 0;
    position: relative;
    left: 50%;
}

/* ============================================================
   BOTÓN DE CAMPANA FLOTANTE (PN)
   ============================================================ */

.pn-bell-container {
    position: fixed;
    bottom: 90px;   /* Se mantiene el valor solicitado */
    right: 20px;
    display: flex;
    align-items: center;
    z-index: 1000;
}

.pn-bell-button {
    background-color: #999900;
    color: white;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
}

.pn-bell-button:hover {
    background-color: #B3B300;
    transform: scale(1.05);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.pn-bell-button:active {
    transform: scale(0.95);
}

/* === RESPONSIVE PARA EL BOTÓN === */
@media (max-width: 768px) {
    .pn-bell-container {
        bottom: 80px;
        right: 15px;
    }
    
    .pn-bell-button {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 480px) {
    .pn-bell-container {
        bottom: 70px;
        right: 10px;
    }
    
    .pn-bell-button {
        width: 45px;
        height: 45px;
    }
}

/* ============================================================
   NUEVAS REGLAS SOLICITADAS
   ============================================================ */

/* Ajuste para la relación de aspecto en embeds responsivos */
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 2% !important;
}

/* Estilo base del body (tipografía y fondo) */
body {
    font-family: 'Baloo 2', sans-serif !important;
    background: #001724 !important;
    color: #E0E0E0 !important;
}

/* ============================================================
   ESTILOS PARA EL FOOTER
   ============================================================ */

.site-footer {
    color: var(--color-footer-content);
    border-top: 1px solid var(--global-border-color);
    background: #001724;
    margin: 1em 0 0;
}