/* CI-Clean UX — pages BuddyPress (groupes de quartier, profils) au style du fil */
body.ciux-bp { background: var(--ciux-bg) !important; font-family: var(--ciux-font); color: var(--ciux-text); }

/* On retire l'en-tête / pied de page du thème, le titre en police à empattements et les marges du thème */
body.ciux-bp header.wp-block-template-part,
body.ciux-bp footer.wp-block-template-part,
body.ciux-bp .wp-block-post-title,
body.ciux-bp .wp-site-blocks .wp-block-spacer { display: none !important; }
body.ciux-bp .wp-site-blocks,
body.ciux-bp .wp-site-blocks main,
body.ciux-bp .entry-content,
body.ciux-bp .wp-block-post-content,
body.ciux-bp .has-global-padding,
body.ciux-bp .is-layout-constrained { padding-left: 0 !important; padding-right: 0 !important; margin-block-start: 0 !important; max-width: none !important; }

/* Barre du haut + menu de gauche partagés */
body.ciux-bp .ciux-topbar { position: sticky; top: 0; width: 100%; padding: 0 20px !important; box-sizing: border-box; }
body.admin-bar.ciux-bp .ciux-topbar { top: 32px; }
body.ciux-bp .ciux-left { display: none; }
@media (min-width: 1200px) {
	body.ciux-bp .ciux-left { display: block; position: fixed; top: 84px; left: 16px; width: 300px; max-height: calc(100vh - 100px); overflow-y: auto; z-index: 20; }
	body.admin-bar.ciux-bp .ciux-left { top: 116px; }
	body.ciux-bp .wp-site-blocks { padding-left: 332px !important; }
}
.ciux-nav a.is-active { background: #fff; color: var(--ciux-green) !important; box-shadow: var(--ciux-shadow); }

/* Colonne centrale */
body.ciux-bp #buddypress { max-width: 760px; margin: 20px auto 40px !important; padding: 0 12px; font-family: var(--ciux-font); }
body.ciux-bp #buddypress * { font-family: inherit; }

/* ---------- En-tête du groupe ---------- */
body.ciux-bp-group #item-header { background: var(--ciux-card); border-radius: 16px; box-shadow: var(--ciux-shadow); overflow: hidden; margin: 0 0 12px !important; }
body.ciux-bp-group #cover-image-container { position: relative; }
body.ciux-bp-group #header-cover-image {
	height: 170px !important; border-radius: 0 !important;
	background-color: var(--ciux-green) !important;
	background-image: radial-gradient(circle at 15% 20%, rgba(255,255,255,.18) 0 60px, transparent 61px),
		radial-gradient(circle at 85% 80%, rgba(255,255,255,.12) 0 90px, transparent 91px),
		linear-gradient(135deg, #0F5C36, #1a8a52) !important;
}
body.ciux-bp-group #cover-image-container { height: auto !important; min-height: 0 !important; }
body.ciux-bp-group #item-header-cover-image { display: flex !important; align-items: flex-start !important; gap: 16px; padding: 114px 20px 16px !important; margin: 0 !important; position: relative; flex-wrap: wrap; top: auto !important; }
body.ciux-bp-group #item-header-avatar { margin: 0 !important; float: none !important; }
body.ciux-bp-group #item-header-avatar img {
	width: 112px !important; height: 112px !important; border-radius: 50% !important; border: 4px solid var(--ciux-card) !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.15); background: var(--ciux-line); margin: 0 !important;
}
body.ciux-bp-group #item-header-content { flex: 1; min-width: 200px; padding: 66px 0 0 !important; margin: 0 !important; float: none !important; text-align: left !important; }
.ciux-group-name { font-size: 26px; font-weight: 800; margin: 0 0 4px; color: var(--ciux-text); line-height: 1.15; }
.ciux-group-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--ciux-muted); font-size: 13px; }
.ciux-group-meta .ciux-pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: var(--ciux-green-50); color: var(--ciux-green); font-weight: 700; font-size: 12px; }
body.ciux-bp-group #item-header-content .group-status,
body.ciux-bp-group #item-header-content .activity { display: none !important; }
body.ciux-bp-group #item-actions { float: none !important; width: auto !important; margin: 0 !important; padding: 66px 0 0 !important; text-align: right; }
body.ciux-bp-group #item-actions .moderators-title { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--ciux-muted); margin: 0 0 4px; }
body.ciux-bp-group #item-actions .user-list img { width: 32px !important; height: 32px !important; border-radius: 50%; border: 2px solid var(--ciux-card); }
body.ciux-bp-group .group-button .button, body.ciux-bp-group .generic-button a, body.ciux-bp-group .generic-button button {
	background: var(--ciux-green) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important;
	padding: 8px 16px !important; font-weight: 700 !important;
}

/* Description du groupe → carte « À propos » */
body.ciux-bp-group .desc-wrap { background: var(--ciux-card); border-radius: 0; box-shadow: none; padding: 14px 20px !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--ciux-line) !important; text-align: left !important; }
body.ciux-bp-group .desc-wrap::before { content: "À propos du groupe"; display: block; font-weight: 700; font-size: 15px; margin-bottom: 6px; }
body.ciux-bp-group .group-description { border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; background: none !important; color: var(--ciux-text); font-size: 14px; }
body.ciux-bp-group .group-description p { margin: 0 !important; }

/* ---------- Tableau de bord ajouté (chiffres + actions rapides) ---------- */
.ciux-gdash { display: grid; gap: 12px; margin: 12px 0; }
.ciux-gactions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ciux-gaction {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 72px; padding: 10px 6px;
	background: var(--ciux-card); border-radius: 12px; box-shadow: var(--ciux-shadow); text-decoration: none !important;
	color: var(--ciux-text) !important; font-weight: 700; font-size: 13px; text-align: center; border: 0 !important; cursor: pointer; font: inherit; font-weight: 700; font-size: 13px;
}
button.ciux-gaction { background: var(--ciux-card) !important; color: var(--ciux-text) !important; }
.ciux-gaction span { font-size: 22px; line-height: 1; }
.ciux-gaction:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.ciux-gaction--main { background: var(--ciux-green); color: #fff !important; }
.ciux-gstats { background: var(--ciux-card); border-radius: 12px; box-shadow: var(--ciux-shadow); padding: 14px 18px; }
.ciux-gstats h3 { margin: 0 0 10px; font-size: 15px; font-weight: 700; }
.ciux-gstats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; text-align: center; }
.ciux-gstat b { display: block; font-size: 24px; color: var(--ciux-green); line-height: 1.1; }
.ciux-gstat span { font-size: 12px; color: var(--ciux-muted); }
.ciux-gbadges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ciux-gbadges span { padding: 3px 10px; border-radius: 999px; background: #fff7e0; color: #8a5a00; font-size: 12px; font-weight: 700; }
@media (max-width: 600px) { .ciux-gactions, .ciux-gstats-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---------- Onglets ---------- */
body.ciux-bp .bp-navs { background: var(--ciux-card) !important; border-radius: 12px; box-shadow: var(--ciux-shadow); padding: 6px !important; margin: 0 0 12px !important; border: 0 !important; }
body.ciux-bp .bp-navs ul { display: flex !important; gap: 4px; flex-wrap: wrap; border: 0 !important; margin: 0 !important; }
body.ciux-bp .bp-navs ul li { border: 0 !important; background: none !important; margin: 0 !important; }
body.ciux-bp .bp-navs ul li a {
	display: inline-flex !important; align-items: center; gap: 6px; padding: 9px 14px !important; border-radius: 8px !important;
	color: var(--ciux-muted) !important; font-weight: 700 !important; font-size: 14px !important; background: none !important; border: 0 !important;
}
body.ciux-bp .bp-navs ul li a:hover { background: var(--ciux-hover) !important; color: var(--ciux-text) !important; }
body.ciux-bp .bp-navs ul li.current a, body.ciux-bp .bp-navs ul li.selected a { background: var(--ciux-green-50) !important; color: var(--ciux-green) !important; }
body.ciux-bp .bp-navs .count { background: var(--ciux-green) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-size: 11px !important; padding: 1px 7px !important; }
body.ciux-bp .primary-nav-more .is-empty { display: none !important; }

/* ---------- Zone d'activité ---------- */
body.ciux-bp .bp-screen-title { font-size: 17px !important; font-weight: 800 !important; margin: 8px 0 10px !important; }
body.ciux-bp #whats-new-form { background: var(--ciux-card) !important; border-radius: 12px !important; box-shadow: var(--ciux-shadow) !important; padding: 12px 16px !important; border: 0 !important; margin: 0 0 12px !important; }
body.ciux-bp #whats-new-avatar img { border-radius: 50% !important; }
body.ciux-bp #whats-new, body.ciux-bp #whats-new-form textarea {
	border: 0 !important; background: var(--ciux-bg) !important; border-radius: 999px !important; padding: 10px 16px !important;
	min-height: 44px !important; font-size: 15px !important; color: var(--ciux-text) !important; box-shadow: none !important;
}
body.ciux-bp #whats-new-form.focus-in #whats-new, body.ciux-bp #whats-new:focus { border-radius: 12px !important; min-height: 90px !important; }
body.ciux-bp #aw-whats-new-submit, body.ciux-bp #whats-new-submit input[type="submit"] {
	background: var(--ciux-green) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-weight: 700 !important; padding: 8px 18px !important;
}
/* Ce qui n'est pas utile : flux RSS, recherche d'activités, titres techniques */
body.ciux-bp .subnav-filters .feed,
body.ciux-bp .subnav-filters .group-act-search,
body.ciux-bp .subnav-filters .dir-search,
body.ciux-bp .bp-screen-reader-text { display: none !important; }
body.ciux-bp .subnav-filters { display: flex; justify-content: flex-end; margin: 0 0 10px !important; border: 0 !important; }
body.ciux-bp .subnav-filters select, body.ciux-bp .select-wrap {
	border: 1px solid var(--ciux-line) !important; border-radius: 999px !important; background: var(--ciux-card) !important;
	font-size: 13px !important; font-weight: 600; color: var(--ciux-text) !important; padding: 0 10px !important; min-height: 36px;
}
body.ciux-bp .select-wrap .select-arrow { display: none !important; }

/* Publications du groupe en cartes */
body.ciux-bp .activity-list > li, body.ciux-bp #activity-stream .activity-item {
	background: var(--ciux-card) !important; border-radius: 12px !important; box-shadow: var(--ciux-shadow) !important;
	border: 0 !important; margin: 0 0 12px !important; padding: 14px 16px !important; list-style: none;
}
body.ciux-bp .activity-avatar img { border-radius: 50% !important; }
body.ciux-bp .activity-meta .button, body.ciux-bp .activity-meta a {
	border: 0 !important; background: none !important; color: var(--ciux-muted) !important; border-radius: 8px !important; font-weight: 600 !important;
}
body.ciux-bp .activity-meta .button:hover { background: var(--ciux-hover) !important; }

/* Messages BuddyPress (vide, chargement…) → état vide sympathique */
body.ciux-bp .bp-feedback { border: 0 !important; background: var(--ciux-card) !important; border-radius: 12px !important; box-shadow: var(--ciux-shadow) !important; color: var(--ciux-text) !important; padding: 0 !important; }
body.ciux-bp .bp-feedback .bp-icon { display: none !important; }
body.ciux-bp .bp-feedback p { padding: 14px 16px !important; margin: 0 !important; font-size: 14px !important; }
.ciux-empty-bp { text-align: center; padding: 28px 18px !important; }
.ciux-empty-bp b { display: block; font-size: 17px; margin-bottom: 6px; }
.ciux-empty-bp span { display: block; font-size: 30px; margin-bottom: 8px; }
.ciux-empty-bp p { color: var(--ciux-muted); margin: 0 0 14px !important; padding: 0 !important; }

/* Liste des membres */
body.ciux-bp #members-list > li, body.ciux-bp .item-list > li {
	background: var(--ciux-card) !important; border-radius: 12px !important; box-shadow: var(--ciux-shadow) !important; border: 0 !important; margin: 0 0 8px !important; padding: 12px !important;
}
body.ciux-bp .item-list .item-avatar img { border-radius: 50% !important; }

/* Mode sombre */
body[data-cc-theme="dark"].ciux-bp .ciux-nav a.is-active { background: var(--ciux-card); color: #6FD39A !important; }
body[data-cc-theme="dark"].ciux-bp .ciux-gstat b, body[data-cc-theme="dark"].ciux-bp .ciux-group-meta .ciux-pill { color: #6FD39A; }
body[data-cc-theme="dark"].ciux-bp .bp-navs ul li.current a, body[data-cc-theme="dark"].ciux-bp .bp-navs ul li.selected a { color: #6FD39A !important; }
body[data-cc-theme="dark"].ciux-bp .ciux-gbadges span { background: #3a2f12; color: #f4d58a; }

/* ===== v2.1 : pas de colonne de gauche sur les pages de groupe/profil, colonne centrale plus large ===== */
body.ciux-bp .ciux-left { display: none !important; }
body.ciux-bp .wp-site-blocks { padding-left: 0 !important; }
body.ciux-bp #buddypress { max-width: 980px !important; padding: 0 16px !important; }
body.ciux-bp #buddypress a { text-decoration: none !important; }

/* ---- Écran « Inviter » : onglets en haut, contenu sur toute la largeur ---- */
body.ciux-bp #group-invites-container { display: block !important; }
body.ciux-bp .bp-invites-nav, body.ciux-bp .group-invites-nav, body.ciux-bp .bp-navs.vertical, body.ciux-bp .bp-subnavs {
	width: 100% !important; float: none !important; background: var(--ciux-card) !important; border-radius: 12px !important;
	box-shadow: var(--ciux-shadow) !important; padding: 6px !important; margin: 0 0 12px !important; border: 0 !important; min-height: 0 !important;
}
body.ciux-bp .bp-invites-nav ul, body.ciux-bp .bp-navs.vertical ul, body.ciux-bp .bp-subnavs ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 4px; }
body.ciux-bp .bp-invites-nav li a, body.ciux-bp .bp-subnavs li a { white-space: nowrap; }
body.ciux-bp .group-invites-column { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; }

/* Recherche : champ arrondi au lieu du cadre noir */
body.ciux-bp .bp-dir-search-form, body.ciux-bp .bp-search form { display: flex !important; align-items: center; max-width: 420px; margin: 0 0 12px auto !important; border: 0 !important; background: none !important; }
body.ciux-bp .bp-dir-search-form input[type="search"], body.ciux-bp .bp-search input[type="search"], body.ciux-bp .bp-search input[type="text"] {
	flex: 1; height: 42px !important; border: 1px solid var(--ciux-line) !important; border-radius: 999px 0 0 999px !important;
	background: var(--ciux-card) !important; padding: 0 16px !important; font-size: 14px !important; color: var(--ciux-text) !important; box-shadow: none !important;
}
body.ciux-bp .bp-dir-search-form button, body.ciux-bp .bp-search button {
	height: 42px !important; width: 48px; border: 1px solid var(--ciux-line) !important; border-left: 0 !important; border-radius: 0 999px 999px 0 !important;
	background: var(--ciux-card) !important; color: var(--ciux-muted) !important; display: inline-flex; align-items: center; justify-content: center;
}

/* Liste de membres en grille de cartes lisibles */
body.ciux-bp .bp-invites-content .item-list, body.ciux-bp #members-dir-list .item-list, body.ciux-bp #members-group-list .item-list, body.ciux-bp ul.bp-list {
	display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
body.ciux-bp ul.bp-list > li, body.ciux-bp .bp-invites-content .item-list > li {
	display: flex !important; align-items: center; gap: 12px; width: auto !important; min-height: 72px; margin: 0 !important; padding: 12px 14px !important;
	background: var(--ciux-card) !important; border-radius: 12px !important; box-shadow: var(--ciux-shadow) !important; border: 0 !important; position: relative;
}
body.ciux-bp ul.bp-list > li .item-avatar { flex: none; width: 48px !important; margin: 0 !important; float: none !important; }
body.ciux-bp ul.bp-list > li .item-avatar img { width: 48px !important; height: 48px !important; border-radius: 50% !important; margin: 0 !important; }
body.ciux-bp ul.bp-list > li .item { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; }
body.ciux-bp ul.bp-list > li .list-title, body.ciux-bp ul.bp-list > li .item-title, body.ciux-bp ul.bp-list > li .member-name {
	font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 !important;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: none !important;
}
body.ciux-bp ul.bp-list > li .item-meta, body.ciux-bp ul.bp-list > li .last-activity { font-size: 12px !important; color: var(--ciux-muted) !important; margin: 2px 0 0 !important; }
body.ciux-bp ul.bp-list > li .action { flex: none; margin: 0 !important; position: static !important; float: none !important; }
body.ciux-bp ul.bp-list > li .action .button, body.ciux-bp ul.bp-list > li .action button {
	width: 36px !important; height: 36px !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important;
	background: var(--ciux-green-50) !important; color: var(--ciux-green) !important; display: inline-flex !important; align-items: center; justify-content: center;
}
body.ciux-bp ul.bp-list > li .action .button.selected, body.ciux-bp ul.bp-list > li .action .button.invited { background: #fde8e8 !important; color: #c0392b !important; }
body.ciux-bp ul.bp-list > li .action .button .icons, body.ciux-bp ul.bp-list > li .action .button::before { font-size: 18px !important; }
body.ciux-bp ul.bp-list > li.selected { box-shadow: 0 0 0 2px var(--ciux-green) !important; }

/* Messages d'aide (ex. « Sélectionnez les membres à inviter… ») en bandeau discret */
body.ciux-bp .bp-invites-feedback .bp-feedback, body.ciux-bp .bp-feedback.help { background: var(--ciux-green-50) !important; box-shadow: none !important; }
body.ciux-bp .bp-invites-feedback .bp-feedback p { font-size: 13px !important; color: var(--ciux-text) !important; }
/* Bouton « Envoyer les invitations » */
body.ciux-bp #send-invites-editor textarea { border: 1px solid var(--ciux-line) !important; border-radius: 12px !important; padding: 12px !important; width: 100%; }
body.ciux-bp #bp-invites-send, body.ciux-bp #send-invites-editor input[type="submit"], body.ciux-bp #send-invites-editor .button-primary {
	background: var(--ciux-green) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 10px 20px !important; font-weight: 700 !important;
}

/* Bandeau du groupe un peu moins haut */
body.ciux-bp-group #header-cover-image { height: 150px !important; }
body.ciux-bp-group #item-header-cover-image { padding-top: 94px !important; }
@media (max-width: 600px) {
	body.ciux-bp-group #item-header-avatar img { width: 88px !important; height: 88px !important; }
	body.ciux-bp-group #item-header-content { padding-top: 0 !important; flex-basis: 100%; }
	body.ciux-bp-group #item-actions { display: none !important; }
	body.ciux-bp ul.bp-list { grid-template-columns: 1fr !important; }
}

/* ===== v2.2 : remise en ordre de l'écran Inviter / Membres ===== */
/* Onglets principaux du groupe : une seule barre, pleine largeur, jamais superposée */
body.ciux-bp #object-nav, body.ciux-bp .main-navs {
	position: static !important; float: none !important; width: auto !important; display: block !important; clear: both;
}
body.ciux-bp #object-nav > ul, body.ciux-bp .main-navs > ul, body.ciux-bp .bp-priority-object-nav-nav-items {
	position: static !important; float: none !important; width: auto !important; display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important;
}
body.ciux-bp .primary-nav-more { display: none !important; }
body.ciux-bp .ciux-hidden { display: none !important; }

/* Conteneur des invitations : tout empilé verticalement */
body.ciux-bp #group-invites-container,
body.ciux-bp #group-invites-container > *,
body.ciux-bp .group-invites-column,
body.ciux-bp .bp-invites-content,
body.ciux-bp .bp-invites-filters,
body.ciux-bp .bp-invites-feedback {
	float: none !important; position: static !important; width: auto !important; max-width: none !important;
	margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important;
	display: block !important; grid-template-columns: none !important;
}
body.ciux-bp #group-invites-container { clear: both; margin-top: 4px !important; }
body.ciux-bp .bp-invites-nav { display: block !important; }
body.ciux-bp .bp-invites-filters, body.ciux-bp .group-subnav-filters { display: flex !important; justify-content: flex-end; margin: 0 0 12px !important; }
body.ciux-bp .bp-invites-filters .bp-dir-search-form, body.ciux-bp .group-invites-search { margin: 0 !important; width: 100%; max-width: 420px; }

/* Cartes membres : plus larges, nom complet sur 2 lignes si besoin */
body.ciux-bp .bp-invites-content ul.bp-list, body.ciux-bp ul.bp-list { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; justify-content: start; }
body.ciux-bp ul.bp-list > li .list-title, body.ciux-bp ul.bp-list > li .item-title, body.ciux-bp ul.bp-list > li .member-name {
	white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize !important;
}
/* Bouton + / × vert (au lieu du rond noir) */
body.ciux-bp ul.bp-list > li .action .button,
body.ciux-bp ul.bp-list > li .action button { background: var(--ciux-green) !important; color: #fff !important; }
body.ciux-bp ul.bp-list > li .action .button::before,
body.ciux-bp ul.bp-list > li .action button::before,
body.ciux-bp ul.bp-list > li .action .icons::before { color: #fff !important; }
body.ciux-bp ul.bp-list > li .action .button.selected,
body.ciux-bp ul.bp-list > li .action .button.invited { background: #c0392b !important; color: #fff !important; }
/* Mode « navigation verticale » de BuddyPress neutralisé */
body.ciux-bp #item-body, body.ciux-bp .bp-wrap, body.ciux-bp .bp-single-vert-nav #item-body {
	float: none !important; width: auto !important; margin: 0 !important; border: 0 !important; padding: 0 !important; overflow: visible !important;
}
body.ciux-bp .bp-wrap::after, body.ciux-bp #item-body::after { content: ""; display: block; clear: both; }

/* v2.3 : les onglets ne « flottent » plus hors de leur barre */
body.ciux-bp .bp-navs li { float: none !important; display: block !important; }
body.ciux-bp .bp-navs ul::after, body.ciux-bp .bp-navs::after { content: none !important; }
body.ciux-bp .bp-navs .hidden-items { display: contents !important; }