/* Extra BuddyPress polish loaded only on BP pages */

#buddypress .ajax-loader {
    filter: var(--ck-loader-filter, none);
}

body.ck-light #buddypress .ajax-loader {
    filter: invert(0.5);
}

#buddypress .bp-feedback {
    background: var(--ck-card-bg-alt);
    border-left: 4px solid var(--ck-accent-light);
    color: var(--ck-text);
    border-radius: 8px;
    padding: 12px 16px;
}

#buddypress .bp-feedback p { margin: 0; }

#buddypress #pag-bottom .pagination-links a,
#buddypress #pag-bottom .pagination-links span {
    color: var(--ck-text-muted);
}

#buddypress #pag-bottom .pagination-links span.current {
    color: var(--ck-accent-light);
    font-weight: 700;
}

/* Heartbeat "load new" button on activity stream */
#buddypress #buddypress-activity #activity-stream a#activity-stream-load-more,
#buddypress a.load-more {
    display: block;
    text-align: center;
    background: var(--ck-card-bg-alt);
    border: 1px solid var(--ck-border);
    border-radius: 30px;
    padding: 10px;
    margin: 10px 0;
    color: var(--ck-text);
    font-weight: 600;
}

/* =========================================================
   MODERN OVERRIDE PACK — Zee Network
   Restyles BP Nouveau default markup into card/pill UI
   ========================================================= */

/* Kill default BP whitebox styling everywhere */
#buddypress, #buddypress * { box-shadow: none; }

/* ---- Profile header (cover + avatar) ---- */
#buddypress #item-header {
    padding: 0;
    overflow: hidden;
    border-radius: var(--ck-radius);
}
#buddypress #item-header-cover-image,
#buddypress .bp-cover-image {
    background: var(--ck-gradient) !important;
    min-height: 180px;
    border-radius: var(--ck-radius) var(--ck-radius) 0 0;
}
#buddypress #item-header-content {
    padding: 60px 24px 22px;
    position: relative;
}
#buddypress div#item-header-avatar {
    position: absolute;
    top: -55px;
    left: 24px;
}
#buddypress div#item-header-avatar img {
    width: 110px !important; height: 110px !important;
    border-radius: 50% !important;
    border: 4px solid var(--ck-card-bg-solid) !important;
    box-shadow: var(--ck-shadow);
}
#buddypress #item-header-content h1,
#buddypress #item-header-content .user-nicename {
    font-family: 'Outfit', sans-serif;
}
#buddypress #item-header-content .user-nicename { color: var(--ck-text-muted) !important; font-weight: 500; }
#buddypress #item-buttons { margin-top: 14px; }
#buddypress #item-buttons a.button {
    background: var(--ck-gradient) !important; color: #fff !important;
    border-radius: var(--ck-radius-pill); padding: 9px 22px; font-weight: 700; font-size: 13px;
}

/* ---- Object nav / sub nav — pill tab bar ---- */
#buddypress div.item-list-tabs,
#buddypress nav.item-list-tabs,
#buddypress ul#subsubnav {
    background: var(--ck-card-bg) !important;
    backdrop-filter: var(--ck-glass-blur);
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-pill) !important;
    padding: 6px !important;
    margin-bottom: 18px !important;
}
#buddypress div.item-list-tabs ul,
#buddypress nav.item-list-tabs ul,
#buddypress ul#subsubnav {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    margin: 0; padding: 0;
}
#buddypress div.item-list-tabs ul li,
#buddypress nav.item-list-tabs ul li,
#buddypress ul#subsubnav li { margin: 0 !important; }
#buddypress div.item-list-tabs ul li a,
#buddypress nav.item-list-tabs ul li a,
#buddypress ul#subsubnav li a {
    display: inline-flex !important;
    align-items: center; gap: 6px;
    color: var(--ck-text-muted) !important;
    font-weight: 700 !important; font-size: 13px !important;
    padding: 9px 18px !important;
    border-radius: var(--ck-radius-pill) !important;
    background: transparent !important;
    border: none !important;
}
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a,
#buddypress nav.item-list-tabs ul li.selected a,
#buddypress ul#subsubnav li.selected a {
    background: var(--ck-gradient) !important;
    color: #fff !important;
}
#buddypress div.item-list-tabs ul li a span,
#buddypress nav.item-list-tabs ul li a span {
    background: var(--ck-card-bg-alt) !important;
    color: var(--ck-text) !important;
    border-radius: var(--ck-radius-pill) !important;
    font-size: 11px !important;
    padding: 1px 7px !important;
}
#buddypress div.item-list-tabs ul li.selected a span { background: rgba(255,255,255,0.25) !important; color: #fff !important; }

/* ---- "What's new" post box — kill BP's white background ---- */
#buddypress form#whats-new-form,
#buddypress form#whats-new-form * {
    background: transparent !important;
    border-color: var(--ck-border) !important;
    color: var(--ck-text) !important;
}
#buddypress form#whats-new-form {
    background: var(--ck-card-bg) !important;
    backdrop-filter: var(--ck-glass-blur);
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius) !important;
    padding: 18px !important;
    margin-bottom: 20px !important;
}
#buddypress #whats-new-avatar { margin-right: 14px; }
#buddypress #whats-new-avatar img { border-radius: 50% !important; }
#buddypress #whats-new-form textarea#whats-new,
#buddypress textarea#whats-new {
    background: var(--ck-input-bg) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-sm) !important;
    color: var(--ck-text) !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    min-height: 70px !important;
    font-family: inherit !important;
}
#buddypress textarea#whats-new::placeholder { color: var(--ck-text-muted) !important; }
#buddypress #whats-new-options { border-top: 1px solid var(--ck-border) !important; padding-top: 12px !important; margin-top: 12px !important; }
#buddypress #whats-new-submit input,
#buddypress #aw-whats-new-submit {
    background: var(--ck-gradient) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--ck-radius-pill) !important;
    padding: 10px 26px !important;
    font-weight: 700 !important;
    cursor: pointer;
}

/* ---- Members directory: card grid ---- */
#buddypress div#members-dir-list ul#members-list,
#buddypress ul#members-list,
#buddypress ul.item-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px !important;
    list-style: none; margin: 0; padding: 0;
}
#buddypress ul#members-list > li,
#buddypress ul.item-list > li.member {
    background: var(--ck-card-bg) !important;
    backdrop-filter: var(--ck-glass-blur);
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius) !important;
    padding: 18px !important;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    transition: transform .2s ease, border-color .2s ease;
}
#buddypress ul#members-list > li:hover { transform: translateY(-4px); border-color: var(--ck-accent-2) !important; }
#buddypress ul#members-list .item-avatar { margin: 0 0 12px !important; float: none !important; }
#buddypress ul#members-list .item-avatar img {
    width: 64px !important; height: 64px !important; border-radius: 50% !important;
    border: 2px solid var(--ck-accent-2) !important;
}
#buddypress ul#members-list .item { margin: 0 !important; }
#buddypress ul#members-list .item-title { font-weight: 700 !important; font-size: 14px !important; }
#buddypress ul#members-list .item-title a { color: var(--ck-text) !important; }
#buddypress ul#members-list .item-meta,
#buddypress ul#members-list .last-activity {
    color: var(--ck-text-muted) !important; font-size: 12px !important; margin-top: 4px;
}
#buddypress ul#members-list .button { display: none !important; }

/* ---- Search / filter bars ---- */
#buddypress div.dir-search,
#buddypress div.bp-search,
#buddypress div.dir-search form { width: 100% !important; }
#buddypress div.dir-search input[type="search"],
#buddypress div.dir-search input[type="text"],
#buddypress .bp-search input {
    background: var(--ck-input-bg) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-pill) !important;
    color: var(--ck-text) !important;
    padding: 11px 18px !important;
}
#buddypress div.dir-search { margin-bottom: 16px !important; }
#buddypress select#members-order-by,
#buddypress select {
    background: var(--ck-input-bg) !important;
    color: var(--ck-text) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-pill) !important;
    padding: 8px 14px !important;
}

/* ---- Groups directory: card grid ---- */
#buddypress div#groups-dir-list ul#groups-list,
#buddypress ul#groups-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px !important;
    list-style: none; margin: 0; padding: 0;
}
#buddypress ul#groups-list > li {
    background: var(--ck-card-bg) !important;
    backdrop-filter: var(--ck-glass-blur);
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius) !important;
    padding: 18px !important;
    display: flex !important; flex-direction: column; align-items: center; text-align: center;
    transition: transform .2s ease, border-color .2s ease;
}
#buddypress ul#groups-list > li:hover { transform: translateY(-4px); border-color: var(--ck-accent-2) !important; }
#buddypress ul#groups-list .item-avatar { float: none !important; margin: 0 0 12px !important; }
#buddypress ul#groups-list .item-avatar img { border-radius: 14px !important; width: 64px !important; height: 64px !important; }

/* ---- Generic "no items found" notices ---- */
#buddypress div.bp-feedback,
#buddypress .bp-messages {
    background: var(--ck-card-bg-alt) !important;
    border: 1px solid var(--ck-border) !important;
    border-left: 4px solid var(--ck-accent-2) !important;
    color: var(--ck-text) !important;
    border-radius: var(--ck-radius-sm) !important;
    padding: 12px 16px !important;
}
#buddypress div.bp-feedback p, #buddypress .bp-messages p { margin: 0 !important; color: var(--ck-text) !important; }
#buddypress div.bp-feedback svg, #buddypress .bp-messages svg { fill: var(--ck-accent-2) !important; }

/* =========================================================
   NUCLEAR RESET — Instagram-style minimal feed
   BP Nouveau ships inline white wrappers/floats that break
   our layout. Strip all of it, rebuild as clean stacked cards.
   ========================================================= */

/* Kill every stray background/border BP Nouveau injects */
#buddypress,
#buddypress div,
#buddypress ul,
#buddypress li,
#buddypress form,
#buddypress p,
#buddypress span:not(.ck-icon):not(.ck-switch-thumb) {
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}

/* Reset BP's float-based two-column item layout */
#buddypress ul.activity-list,
#buddypress ul.activity-list > li,
#buddypress ul.activity-list .activity-content,
#buddypress ul.activity-list .activity-inner,
#buddypress .activity-comments,
#buddypress .activity-comments ul,
#buddypress .activity-comments ul li {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Feed column — Instagram width, centered */
#buddypress ul.activity-list {
    max-width: 560px;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Each post card */
#buddypress ul.activity-list > li.activity-item {
    background: var(--ck-card-bg) !important;
    backdrop-filter: var(--ck-glass-blur);
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius) !important;
    padding: 16px !important;
    overflow: hidden;
}

/* Avatar + header row */
#buddypress ul.activity-list .activity-avatar {
    float: left !important;
    width: 40px !important;
    margin-right: 12px !important;
}
#buddypress ul.activity-list .activity-avatar img {
    width: 40px !important; height: 40px !important;
    border-radius: 50% !important;
    border: 2px solid var(--ck-border) !important;
}
#buddypress ul.activity-list .activity-header {
    overflow: hidden;
    font-size: 13px !important;
    color: var(--ck-text-muted) !important;
    line-height: 1.4 !important;
    padding-top: 4px;
}
#buddypress ul.activity-list .activity-header a { color: var(--ck-text) !important; font-weight: 700 !important; }

/* Post body text */
#buddypress ul.activity-list .activity-inner p {
    color: var(--ck-text) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Media / attached images — full width, no white frame */
#buddypress ul.activity-list .activity-inner img,
#buddypress ul.activity-list .bp-activity-media,
#buddypress ul.activity-list .activity-attached-image img,
#buddypress ul.activity-list .ac-media-element {
    width: 100% !important;
    height: auto !important;
    max-height: 480px;
    object-fit: cover;
    border-radius: var(--ck-radius-sm) !important;
    display: block !important;
    margin: 10px 0 !important;
    float: none !important;
}

/* Activity meta / action row — instagram icon row */
#buddypress ul.activity-list .activity-meta {
    border-top: 1px solid var(--ck-border) !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    display: flex !important;
    gap: 6px !important;
}
#buddypress ul.activity-list .activity-meta a,
#buddypress ul.activity-list .activity-meta button {
    background: var(--ck-card-bg-alt) !important;
    color: var(--ck-text-muted) !important;
    border-radius: var(--ck-radius-pill) !important;
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    border: none !important;
}
#buddypress ul.activity-list .activity-meta a:hover,
#buddypress ul.activity-list .activity-meta a.fav,
#buddypress ul.activity-list .activity-meta a.liked {
    color: var(--ck-accent-2) !important;
}

/* Comment area */
#buddypress .activity-comments {
    border-top: 1px dashed var(--ck-border) !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
}
#buddypress .activity-comments ul li {
    background: var(--ck-card-bg-alt) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-sm) !important;
    padding: 10px 12px !important;
    margin-bottom: 8px !important;
}
#buddypress .activity-comments .ac-form,
#buddypress .activity-comments form {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
#buddypress .activity-comments .ac-avatar,
#buddypress .activity-comments .acomment-avatar {
    flex-shrink: 0;
}
#buddypress .activity-comments .ac-avatar img,
#buddypress .activity-comments .acomment-avatar img {
    width: 32px !important; height: 32px !important; border-radius: 50% !important;
}
#buddypress .activity-comments textarea,
#buddypress .activity-comments .ac-textarea,
#buddypress .activity-comments [contenteditable] {
    flex: 1 !important;
    background: var(--ck-input-bg) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-pill) !important;
    color: var(--ck-text) !important;
    padding: 9px 16px !important;
    min-height: 38px !important;
    width: auto !important;
}

/* ---- "What's new" composer — same reset approach ---- */
#buddypress form#whats-new-form,
#buddypress #whats-new-form * {
    float: none !important;
    width: auto !important;
}
#buddypress form#whats-new-form {
    max-width: 560px;
    margin: 0 auto 20px !important;
}
#buddypress #whats-new-avatar {
    float: left !important;
    margin-right: 12px !important;
}
#buddypress #whats-new-avatar img {
    width: 40px !important; height: 40px !important; border-radius: 50% !important;
}
#buddypress #whats-new-content,
#buddypress .bp-suggestions {
    overflow: hidden;
}
#buddypress textarea#whats-new {
    width: 100% !important;
    display: block !important;
}
#buddypress #whats-new-options,
#buddypress #whats-new-actions,
#buddypress #whats-new-submit {
    clear: both;
}
#buddypress #whats-new-submit {
    text-align: right !important;
    margin-top: 10px !important;
}

/* ---- Dropdowns / "Everything" filter — covers BP's custom select widgets ---- */
#buddypress select,
#buddypress .select-wrap,
#buddypress .bp-dropdown,
#buddypress [class*="dropdown"],
#buddypress [class*="select"] {
    background: var(--ck-input-bg) !important;
    color: var(--ck-text) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-pill) !important;
}
#buddypress select { padding: 8px 14px !important; }
#buddypress .select-wrap ul,
#buddypress [class*="dropdown"] ul {
    background: var(--ck-card-bg-solid) !important;
    border: 1px solid var(--ck-border) !important;
    border-radius: var(--ck-radius-sm) !important;
}
#buddypress .select-wrap ul li,
#buddypress [class*="dropdown"] ul li { color: var(--ck-text) !important; }

/* ---- Center the whole BP main column like a feed ---- */
#buddypress {
    max-width: 700px;
    margin: 0 auto !important;
    width: 100% !important;
}
#buddypress #item-header,
#buddypress div.item-list-tabs,
#buddypress ul#subsubnav {
    max-width: 700px;
    margin: 0 auto 18px !important;
}

/* RSS icon link */
#buddypress a.rss { color: var(--ck-text-muted) !important; }