/*
Theme Name:   BuddyBoss Theme Child
Description:  ST Kizito child theme for BuddyBoss. Green → orange brand gradient throughout. Adds the user avatar dropdown to the mobile and desktop headers.
Author:       St. Kizito E-Learning
Template:     buddyboss-theme
Version:      1.1.1
*/

/* ================================================================
 * 1. Override BuddyBoss CSS custom properties
 *    The primary colour drives links, active states, button
 *    backgrounds, and pagination highlights site-wide.
 *    We set it to our brand green; the gradient is layered on top
 *    via the rules below for elements that support it.
 * ================================================================ */
:root {
    --bb-primary-color: #2e7d32;

    /* Primary buttons */
    --bb-primary-button-background-regular: #2e7d32;
    --bb-primary-button-background-hover:   #f57c00;
    --bb-primary-button-border-regular:     #2e7d32;
    --bb-primary-button-border-hover:       #f57c00;
    --bb-primary-button-text-regular:       #ffffff;
    --bb-primary-button-text-hover:         #ffffff;
    --bb-primary-button-focus-shadow:       0 0 0 3px rgba(46,125,50,.25);

    /* Input focus */
    --bb-input-focus-border-color: #2e7d32;
    --bb-input-focus-shadow:       0 0 0 3px rgba(46,125,50,.15);

    /* Login / register buttons */
    --bb-login-register-button-background-color-regular: #2e7d32;
    --bb-login-register-button-background-color-hover:   #f57c00;
    --bb-login-register-button-border-color-regular:     #2e7d32;
    --bb-login-register-button-border-color-hover:       #f57c00;
    --bb-login-register-button-text-color-regular:       #ffffff;
    --bb-login-register-button-text-color-hover:         #ffffff;
    --bb-login-register-link-color-regular:              #2e7d32;
    --bb-login-register-link-color-hover:                #f57c00;
}

/* ================================================================
 * 2. Links — green default, orange hover
 * ================================================================ */
a { color: #2e7d32; }
a:hover, a:focus { color: #f57c00; }

/* BuddyPress member meta links */
.buddypress .buddypress-wrap a { color: #2e7d32; }
.buddypress .buddypress-wrap a:hover { color: #f57c00; }

/* ================================================================
 * 3. Primary buttons — gradient background
 * ================================================================ */
.button,
button,
input[type=button],
input[type=submit],
.buddypress .buddypress-wrap a.button,
.buddypress .buddypress-wrap button,
.buddypress .buddypress-wrap input[type=submit],
.buddypress .buddypress-wrap .generic-button a {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
    border-color: transparent !important;
    color: #fff !important;
    transition: opacity .2s, box-shadow .2s !important;
    box-shadow: 0 2px 10px rgba(46,125,50,.25) !important;
}

.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.buddypress .buddypress-wrap a.button:hover,
.buddypress .buddypress-wrap button:hover,
.buddypress .buddypress-wrap input[type=submit]:hover,
.buddypress .buddypress-wrap .generic-button a:hover {
    background: linear-gradient(135deg, #f57c00, #2e7d32) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 18px rgba(245,124,0,.35) !important;
    opacity: 1 !important;
}

/* Secondary / outline buttons keep white bg with green border */
.button.outline,
button.outline,
.button.secondary,
button.secondary {
    background: #fff !important;
    border: 1px solid #2e7d32 !important;
    color: #2e7d32 !important;
    box-shadow: none !important;
}
.button.outline:hover,
button.outline:hover,
.button.secondary:hover,
button.secondary:hover {
    background: #f6faf6 !important;
    border-color: #f57c00 !important;
    color: #f57c00 !important;
}

/* ================================================================
 * 4. Desktop header — white background, gradient accents only
 * ================================================================ */

/* Active nav link — green */
#site-header .main-navigation .current-menu-item > a,
#site-header .main-navigation a:hover {
    color: #2e7d32 !important;
}

/* ================================================================
 * 5. BuddyBoss navigation / sidebar
 * ================================================================ */

/* BuddyPanel sidebar active item */
.buddypanel .buddypanel-menu .current-menu-item > a,
.buddypanel .buddypanel-menu li a:hover {
    color: #2e7d32 !important;
}

/* BuddyPanel active bar */
.buddypanel .buddypanel-menu .current-menu-item > a::before {
    background: linear-gradient(180deg, #2e7d32, #f57c00) !important;
}

/* ================================================================
 * 6. BuddyPress / activity elements
 * ================================================================ */

/* Activity post button */
.activity-list .comment-item .activity-meta a,
.bp-activity-header .activity-header a,
.activity-meta a { color: #2e7d32; }

/* Reaction / like button active */
.bb-reaction-action.active i,
.activity-meta .bb-active { color: #f57c00 !important; }

/* Avatar rings (group, profile) */
.item-avatar a img,
.bp-avatar img {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #2e7d32;
}

/* ================================================================
 * 7. Member / group cards
 * ================================================================ */
.bp-members-list .list-wrap .item-meta a,
.bp-groups-list .list-wrap .item-meta a { color: #2e7d32; }

/* Follow / connect buttons */
.members-list .btn-follow,
.members-list .btn-friendship { background: linear-gradient(135deg,#2e7d32,#f57c00) !important; color:#fff !important; border:none !important; }

/* ================================================================
 * 8. Pagination — active page
 * ================================================================ */
.bb-lms-pagination span.page-numbers:not(.dots),
.bp-pagination-links span.page-numbers:not(.dots),
.bbp-pagination-links span.current {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
    color: #fff !important;
}

/* ================================================================
 * 9. WooCommerce (cart, checkout)
 * ================================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
    color: #fff !important;
    border: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background: linear-gradient(135deg, #f57c00, #2e7d32) !important;
    color: #fff !important;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
    border: none !important;
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
}

/* ================================================================
 * 10. Form focus rings
 * ================================================================ */
input:focus,
select:focus,
textarea:focus {
    border-color: #2e7d32 !important;
    box-shadow: 0 0 0 3px rgba(46,125,50,.15) !important;
}

/* Checkbox / radio checked fill */
.bs-styled-checkbox:checked + label::before { background: #2e7d32 !important; border-color: #2e7d32 !important; }
.bs-styled-radio:checked + label::after,
.bs-styled-radio:checked + .bb-radio-label::after { background-color: #2e7d32 !important; }

/* ================================================================
 * 11. Mobile panel header — gradient
 * ================================================================ */
.bb-mobile-panel-wrapper .bb-mobile-panel-header {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
}
.bb-mobile-panel-header .user-wrap a,
.bb-mobile-panel-header .user-name { color: #fff !important; }

/* ================================================================
 * 12. Sign-in / Sign-up buttons (logged-out header)
 * ================================================================ */
.bb-header-buttons .signin-button {
    background: transparent !important;
    color: #2e7d32 !important;
    border: 1px solid #2e7d32 !important;
}
.bb-header-buttons .signin-button:hover { color: #f57c00 !important; border-color: #f57c00 !important; }
.bb-header-buttons .button.signup {
    background: linear-gradient(135deg, #2e7d32, #f57c00) !important;
    color: #fff !important;
    border-color: transparent !important;
}
.bb-header-buttons .button.signup:hover { opacity: .9; }