/* BuddyPress Groups Tabs */
.bp-groups-tabs{margin:10px 0 24px}
.bp-groups-tabs__nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.bp-groups-tabs__btn{appearance:none;background:#f6f7f9;border:1px solid #e1e4e8;color:#111;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}
.bp-groups-tabs__btn.is-active{background:#1a73e8;border-color:#1a73e8;color:#fff}
.bp-groups-tabs__panel{display:none}
.bp-groups-tabs__panel.is-active{display:block}
/* BuddyPress Group Card Grid */
.bp-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;align-items:stretch}
.bp-group-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:16px;display:flex;gap:14px;transition:box-shadow .2s,transform .2s}
.bp-group-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}
.bp-group-card__avatar{flex:0 0 auto;border-radius:10px;overflow:hidden;display:block}
.bp-group-card__avatar-img{width:96px;height:96px;border-radius:10px;object-fit:cover}
.bp-group-card__body{min-width:0;display:flex;flex-direction:column;gap:6px}
.bp-group-card__title{margin:0;font-size:1.05rem;line-height:1.3}
.bp-group-card__title a{color:#111;text-decoration:none}
.bp-group-card__title a:hover{text-decoration:underline}
.bp-group-card__meta{font-size:.85rem;color:#666;display:flex;align-items:center;gap:6px}
.bp-group-card__sep{opacity:.6}
.bp-group-card__active{font-size:.8rem;color:#888}
.bp-group-card__desc{font-size:.9rem;color:#333;max-height:3.6em;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bp-group-card__actions{margin-top:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bp-group-card__visit{padding:6px 10px;border-radius:8px;border:1px solid #ddd;text-decoration:none;color:#111;background:#fafafa}
.bp-group-card__visit:hover{background:#f0f0f0}

/* BuddyPress join/leave buttons inside cards */
.bp-group-card .generic-button a,
.bp-group-card .button{
	background:#1a73e8;color:#fff;border:none;border-radius:8px;padding:7px 12px;line-height:1.1;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem
}
.bp-group-card .generic-button a:hover,
.bp-group-card .button:hover{background:#1559b8}

@media (max-width: 480px){
	.bp-group-card{padding:14px}
	.bp-group-card__avatar-img{width:72px;height:72px}
}
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */