/* Perfil BuddyPress — estilo Nobilem */

body.ncm-bp-skin #buddypress {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1.25rem 3rem;
    box-sizing: border-box;
    font-family: inherit;
}

body.ncm-bp-skin #buddypress #item-header {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.ncm-bp-skin #buddypress #cover-image-container,
body.ncm-bp-skin #buddypress #header-cover-image,
body.ncm-bp-skin #buddypress .bp-cover-image {
    background: linear-gradient(135deg, #eef2ff 0%, #dbeafe 100%) !important;
    border-radius: 12px 12px 0 0;
    min-height: 140px;
    max-height: 180px;
}

body.ncm-bp-skin #buddypress #item-header-avatar img.avatar {
    border: 4px solid #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

body.ncm-bp-skin #buddypress #item-header-content .user-nicename,
body.ncm-bp-skin #buddypress #item-header-content h2 {
    color: #111;
    font-weight: 700;
}

body.ncm-bp-skin #buddypress #item-header-content .activity,
body.ncm-bp-skin #buddypress #item-meta,
body.ncm-bp-skin #buddypress .item-meta {
    color: #6b7280;
    font-size: 0.9rem;
}

/* Navegación principal */
body.ncm-bp-skin #buddypress .bp-navs,
body.ncm-bp-skin #buddypress nav.main-navs {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.35rem 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

body.ncm-bp-skin #buddypress .bp-navs ul,
body.ncm-bp-skin #buddypress nav.main-navs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.ncm-bp-skin #buddypress .bp-navs ul li a,
body.ncm-bp-skin #buddypress nav.main-navs ul li a {
    display: inline-block;
    padding: 0.65rem 0.9rem;
    color: #6b7280 !important;
    font-weight: 600;
    text-decoration: none !important;
    border-bottom: 2px solid transparent;
    border-radius: 6px;
}

body.ncm-bp-skin #buddypress .bp-navs ul li.selected a,
body.ncm-bp-skin #buddypress .bp-navs ul li.current a,
body.ncm-bp-skin #buddypress nav.main-navs ul li.selected a,
body.ncm-bp-skin #buddypress nav.main-navs ul li.current a {
    color: #2750fb !important;
    border-bottom-color: #2750fb !important;
    background: #f5f7ff;
}

body.ncm-bp-skin #buddypress .bp-navs ul li a:hover,
body.ncm-bp-skin #buddypress nav.main-navs ul li a:hover {
    color: #2750fb !important;
    background: #fafbff;
}

/* Subnavegación */
body.ncm-bp-skin #buddypress #subnav,
body.ncm-bp-skin #buddypress .item-list-tabs#subnav {
    background: transparent;
    border: none;
    margin-bottom: 1rem;
}

body.ncm-bp-skin #buddypress #subnav ul li a,
body.ncm-bp-skin #buddypress .item-list-tabs#subnav ul li a {
    color: #6b7280 !important;
    font-weight: 600;
}

body.ncm-bp-skin #buddypress #subnav ul li.selected a,
body.ncm-bp-skin #buddypress #subnav ul li.current a {
    color: #2750fb !important;
}

/* Contenido */
body.ncm-bp-skin #buddypress #item-body {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.ncm-bp-skin #buddypress .activity-list .activity-item,
body.ncm-bp-skin #buddypress ul.item-list li {
    border-color: #f0f0f0;
    padding: 1rem 0;
}

body.ncm-bp-skin #buddypress .activity-header a,
body.ncm-bp-skin #buddypress a.bp-primary-action,
body.ncm-bp-skin #buddypress .activity-meta a {
    color: #2750fb !important;
}

/* Botones */
body.ncm-bp-skin #buddypress .button,
body.ncm-bp-skin #buddypress .generic-button a,
body.ncm-bp-skin #buddypress input[type="submit"],
body.ncm-bp-skin #buddypress button,
body.ncm-bp-skin #buddypress a.button,
body.ncm-bp-skin #buddypress .ncm-profile-message-btn {
    background: #2750fb !important;
    background-color: #2750fb !important;
    border: 2px solid #2750fb !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 0.55rem 1rem !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.ncm-bp-skin #buddypress .button:hover,
body.ncm-bp-skin #buddypress input[type="submit"]:hover,
body.ncm-bp-skin #buddypress a.button:hover {
    background: #1e42d4 !important;
    background-color: #1e42d4 !important;
    border-color: #1e42d4 !important;
    color: #fff !important;
}

body.ncm-bp-skin #buddypress .standard-form input[type="text"],
body.ncm-bp-skin #buddypress .standard-form input[type="email"],
body.ncm-bp-skin #buddypress .standard-form textarea,
body.ncm-bp-skin #buddypress .standard-form select {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0.65rem 0.85rem;
}

body.ncm-bp-skin #buddypress .standard-form input:focus,
body.ncm-bp-skin #buddypress .standard-form textarea:focus,
body.ncm-bp-skin #buddypress .standard-form select:focus {
    border-color: #2750fb;
    box-shadow: 0 0 0 3px rgba(39, 80, 251, 0.12);
    outline: none;
}

/* Contadores (avisos, etc.) */
body.ncm-bp-skin #buddypress .bp-navs .count,
body.ncm-bp-skin #buddypress nav.main-navs .count {
    background: #2750fb !important;
    color: #fff !important;
    border-radius: 999px;
    font-size: 0.7rem;
    padding: 0.1rem 0.4rem;
    margin-left: 0.25rem;
}

/* Foros bbPress dentro del perfil */
body.ncm-bp-skin #bbpress-forums {
    font-family: inherit;
}

body.ncm-bp-skin #bbpress-forums .bbp-topic-permalink,
body.ncm-bp-skin #bbpress-forums .bbp-forum-title a {
    color: #2750fb !important;
}

body.ncm-bp-skin #buddypress #groups-dir-list ul.item-list > li,
body.ncm-bp-skin #buddypress ul.groups-list > li,
body.ncm-bp-skin #buddypress .groups-dir-list .list-wrap {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body.ncm-bp-skin #buddypress #groups-dir-list .list-title a,
body.ncm-bp-skin #buddypress ul.groups-list .item-title a {
    color: #111 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.ncm-bp-skin #buddypress #groups-dir-list .list-title a:hover,
body.ncm-bp-skin #buddypress ul.groups-list .item-title a:hover {
    color: #2750fb !important;
}

body.ncm-bp-skin #buddypress .members-list .item-avatar img,
body.ncm-bp-skin #buddypress #groups-dir-list .item-avatar img,
body.ncm-bp-skin #buddypress ul.groups-list .item-avatar img {
    border-radius: 12px;
}

@media (max-width: 768px) {
    body.ncm-bp-skin #buddypress .bp-navs ul,
    body.ncm-bp-skin #buddypress nav.main-navs ul {
        flex-direction: column;
    }

    body.ncm-bp-skin #buddypress #item-header {
        padding: 1rem;
    }
}