/**
 * KACK Alumni — BuddyPress free theme overrides
 * Forces BP components to match KACK brand colours.
 */

/* ── Buttons ─────────────────────────────────────────────── */
#buddypress a.button,
#buddypress input[type=submit],
#buddypress input[type=button],
#buddypress button,
.bp-generic-meta a.button {
    background: var(--kack-primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--kack-radius) !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background .2s;
}
#buddypress a.button:hover,
#buddypress input[type=submit]:hover { background: #005230 !important; }

/* ── Member directory ────────────────────────────────────── */
#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
    font-size: 13px;
    font-weight: 600;
}
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.selected span {
    color: var(--kack-primary) !important;
    border-bottom: 2px solid var(--kack-primary);
}

#buddypress ul.item-list li {
    border: 1px solid var(--kack-border) !important;
    border-radius: var(--kack-radius-lg) !important;
    margin-bottom: 16px !important;
    padding: 16px !important;
    background: #fff;
    transition: box-shadow .2s, transform .2s;
}
#buddypress ul.item-list li:hover {
    box-shadow: var(--kack-shadow);
    transform: translateY(-2px);
}

/* ── Member header ───────────────────────────────────────── */
#buddypress div#item-header {
    background: linear-gradient(135deg, var(--kack-dark), #0a3d21);
    color: #fff;
    padding: 40px;
    border-radius: var(--kack-radius-lg);
    margin-bottom: 32px;
}
#buddypress div#item-header h1 { color: #fff; }
#buddypress div#item-header #item-meta { color: rgba(255,255,255,.8); }

/* ── Activity feed ───────────────────────────────────────── */
#buddypress ul.activity-list li {
    border: 1px solid var(--kack-border) !important;
    border-radius: var(--kack-radius) !important;
    margin-bottom: 12px !important;
    padding: 16px !important;
    background: #fff;
}
#buddypress .activity-content .activity-inner { font-size: 14px; }
#buddypress .activity-meta a.button { font-size: 12px !important; padding: 6px 12px !important; }

/* ── Groups ──────────────────────────────────────────────── */
#buddypress ul.item-list li .item-avatar img {
    border-radius: 50%;
    border: 3px solid var(--kack-primary);
}
#buddypress ul.item-list li .item-title a {
    font-weight: 700;
    color: var(--kack-dark);
    font-size: 16px;
}
#buddypress ul.item-list li .item-title a:hover { color: var(--kack-primary); }

/* ── Search / filter bar ─────────────────────────────────── */
#buddypress div#subnav ul { border-bottom: 2px solid var(--kack-border); }
#buddypress #member-dir-search input[type=text],
#buddypress #group-dir-search input[type=text] {
    border: 1.5px solid var(--kack-border);
    border-radius: var(--kack-radius);
    padding: 10px 14px;
    font-size: 14px;
}
#buddypress #member-dir-search input[type=text]:focus { border-color: var(--kack-primary); outline: none; }

/* ── Pagination ──────────────────────────────────────────── */
#buddypress div.pagination span.current,
#buddypress div.pagination a:hover {
    background: var(--kack-primary) !important;
    color: #fff !important;
}

/* ── Registration form ───────────────────────────────────── */
#buddypress div#signup-page input[type=text],
#buddypress div#signup-page input[type=email],
#buddypress div#signup-page input[type=password] {
    border: 1.5px solid var(--kack-border);
    border-radius: var(--kack-radius);
    padding: 12px 16px;
    font-size: 15px;
    width: 100%;
}
#buddypress div#signup-page input:focus { border-color: var(--kack-primary); outline: none; }

/* ── Login/register page wrapper ────────────────────────── */
#buddypress div.standard-form { max-width: 640px; margin: 0 auto; }

/* ── Notifications ───────────────────────────────────────── */
#buddypress table.notifications-table td.actions a.mark-read {
    background: transparent;
    color: var(--kack-primary);
    border: 1px solid var(--kack-primary);
}

/* ── kack-bp-page body class ─────────────────────────────── */
.kack-bp-page #buddypress { padding: 32px 0; }