/* =====================================================
   RHEEMO - CSS PERSONNALISÉ BUDDYPRESS
   Pages : /inscription/ - /activer/ - /membres/ - /groupes/
   Version nettoyée : 1.1.1
   ===================================================== */

/* =====================================================
   1) PAGE INSCRIPTION BUDDYPRESS
   ===================================================== */

body.registration,
body.register,
body.bp-register,
body.buddypress.register {
  background:
    radial-gradient(circle at 0% 18%, rgba(255,45,141,.20), transparent 28%),
    radial-gradient(circle at 100% 20%, rgba(34,211,238,.22), transparent 30%),
    linear-gradient(135deg, #FFF7FB 0%, #F8FAFC 48%, #EEF2FF 100%) !important;
}

body.register .entry-header,
body.registration .entry-header,
body.bp-register .entry-header,
body.buddypress.register .entry-header,
body.register .page-header,
body.registration .page-header,
body.bp-register .page-header {
  background: transparent !important;
  padding: 34px 20px 10px !important;
  margin: 0 !important;
  text-align: center !important;
  border: none !important;
}

body.register .entry-title,
body.registration .entry-title,
body.bp-register .entry-title,
body.buddypress.register .entry-title,
body.register .page-title,
body.registration .page-title {
  color: #070A1F !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -1px !important;
  margin-bottom: 10px !important;
}

body.register .breadcrumb,
body.registration .breadcrumb,
body.bp-register .breadcrumb,
body.buddypress.register .breadcrumb,
body.register .buddyx-breadcrumbs,
body.registration .buddyx-breadcrumbs {
  display: none !important;
}

body.register #primary,
body.registration #primary,
body.bp-register #primary,
body.buddypress.register #primary,
body.register .site-main,
body.registration .site-main {
  max-width: 1120px !important;
  margin: 0 auto !important;
}

body.register #buddypress #signup_form,
body.registration #buddypress #signup_form,
body.bp-register #buddypress #signup_form,
body.buddypress.register #buddypress #signup_form,
body.register .buddypress-wrap #signup_form,
body.registration .buddypress-wrap #signup_form,
body.register #register-page,
body.registration #register-page,
body.register .bp_register,
body.registration .bp_register {
  max-width: 760px !important;
  width: 100% !important;
  margin: 35px auto 80px !important;
  padding: 38px !important;
  border-radius: 34px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: 0 35px 100px rgba(17,24,39,.12) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body.register #buddypress #signup_form::before,
body.registration #buddypress #signup_form::before,
body.register .buddypress-wrap #signup_form::before,
body.registration .buddypress-wrap #signup_form::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17,24,39,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,24,39,.035) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}

body.register #buddypress #signup_form > *,
body.registration #buddypress #signup_form > *,
body.register .buddypress-wrap #signup_form > *,
body.registration .buddypress-wrap #signup_form > * {
  position: relative;
  z-index: 2;
}

body.register #buddypress #signup_form::after,
body.registration #buddypress #signup_form::after,
body.register .buddypress-wrap #signup_form::after,
body.registration .buddypress-wrap #signup_form::after {
  content: "Rejoignez Rheemo et commencez à créer des relations utiles.";
  display: block;
  position: relative;
  z-index: 2;
  order: -5;
  max-width: 520px;
  margin: 0 auto 26px;
  padding: 14px 18px;
  text-align: center;
  color: #5B6475;
  background: linear-gradient(135deg, rgba(255,45,141,.08), rgba(79,33,255,.08));
  border: 1px solid rgba(255,45,141,.14);
  border-radius: 999px;
  font-weight: 800;
}

body.register #buddypress .bp-feedback,
body.registration #buddypress .bp-feedback,
body.register .buddypress-wrap .bp-feedback,
body.registration .buddypress-wrap .bp-feedback,
body.register #buddypress .warning,
body.registration #buddypress .warning,
body.register #buddypress .info,
body.registration #buddypress .info {
  max-width: 560px !important;
  margin: 0 auto 26px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,45,141,.16) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 45px rgba(79,33,255,.08) !important;
  color: #5B6475 !important;
  padding: 18px 22px !important;
}

body.register #buddypress #basic-details-section,
body.registration #buddypress #basic-details-section,
body.register #buddypress #profile-details-section,
body.registration #buddypress #profile-details-section,
body.register .buddypress-wrap #basic-details-section,
body.registration .buddypress-wrap #basic-details-section,
body.register .buddypress-wrap #profile-details-section,
body.registration .buddypress-wrap #profile-details-section {
  max-width: 560px !important;
  margin: 0 auto 28px !important;
  padding: 34px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 22px 60px rgba(17,24,39,.08) !important;
}

body.register #buddypress #basic-details-section h2,
body.registration #buddypress #basic-details-section h2,
body.register #buddypress #profile-details-section h2,
body.registration #buddypress #profile-details-section h2,
body.register .buddypress-wrap #basic-details-section h2,
body.registration .buddypress-wrap #basic-details-section h2,
body.register .buddypress-wrap #profile-details-section h2,
body.registration .buddypress-wrap #profile-details-section h2 {
  font-size: 34px !important;
  line-height: 1.18 !important;
  color: #070A1F !important;
  font-weight: 950 !important;
  margin-bottom: 28px !important;
  letter-spacing: -.7px !important;
}

body.register #buddypress .editfield,
body.registration #buddypress .editfield,
body.register .buddypress-wrap .editfield,
body.registration .buddypress-wrap .editfield,
body.register #buddypress .register-section div,
body.registration #buddypress .register-section div,
body.register .buddypress-wrap .register-section div,
body.registration .buddypress-wrap .register-section div {
  margin-bottom: 22px !important;
}

body.register #buddypress label,
body.registration #buddypress label,
body.register .buddypress-wrap label,
body.registration .buddypress-wrap label {
  font-size: 16px !important;
  color: #111827 !important;
  font-weight: 900 !important;
  margin-bottom: 9px !important;
}

body.register #buddypress input[type="text"],
body.registration #buddypress input[type="text"],
body.register #buddypress input[type="email"],
body.registration #buddypress input[type="email"],
body.register #buddypress input[type="password"],
body.registration #buddypress input[type="password"],
body.register #buddypress textarea,
body.registration #buddypress textarea,
body.register #buddypress select,
body.registration #buddypress select,
body.register .buddypress-wrap input[type="text"],
body.registration .buddypress-wrap input[type="text"],
body.register .buddypress-wrap input[type="email"],
body.registration .buddypress-wrap input[type="email"],
body.register .buddypress-wrap input[type="password"],
body.registration .buddypress-wrap input[type="password"],
body.register .buddypress-wrap textarea,
body.registration .buddypress-wrap textarea,
body.register .buddypress-wrap select,
body.registration .buddypress-wrap select {
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 19px !important;
  border: 1px solid #E5E7EB !important;
  background: #ffffff !important;
  box-shadow: 0 12px 32px rgba(17,24,39,.045) !important;
  padding: 15px 18px !important;
  color: #111827 !important;
  font-size: 16px !important;
  outline: none !important;
}

body.register #buddypress input[type="text"]:focus,
body.registration #buddypress input[type="text"]:focus,
body.register #buddypress input[type="email"]:focus,
body.registration #buddypress input[type="email"]:focus,
body.register #buddypress input[type="password"]:focus,
body.registration #buddypress input[type="password"]:focus,
body.register #buddypress textarea:focus,
body.registration #buddypress textarea:focus,
body.register #buddypress select:focus,
body.registration #buddypress select:focus,
body.register .buddypress-wrap input[type="text"]:focus,
body.registration .buddypress-wrap input[type="text"]:focus,
body.register .buddypress-wrap input[type="email"]:focus,
body.registration .buddypress-wrap input[type="email"]:focus,
body.register .buddypress-wrap input[type="password"]:focus,
body.registration .buddypress-wrap input[type="password"]:focus,
body.register .buddypress-wrap textarea:focus,
body.registration .buddypress-wrap textarea:focus,
body.register .buddypress-wrap select:focus,
body.registration .buddypress-wrap select:focus {
  border-color: rgba(255,45,141,.65) !important;
  box-shadow: 0 0 0 5px rgba(255,45,141,.12), 0 16px 38px rgba(17,24,39,.07) !important;
}

body.register #buddypress .field-visibility-settings-notoggle,
body.registration #buddypress .field-visibility-settings-notoggle,
body.register #buddypress .field-visibility-settings-toggle,
body.registration #buddypress .field-visibility-settings-toggle,
body.register .buddypress-wrap .field-visibility-settings-notoggle,
body.registration .buddypress-wrap .field-visibility-settings-notoggle,
body.register .buddypress-wrap .field-visibility-settings-toggle,
body.registration .buddypress-wrap .field-visibility-settings-toggle,
body.register #buddypress .visibility-toggle-link,
body.registration #buddypress .visibility-toggle-link,
body.register .buddypress-wrap .visibility-toggle-link,
body.registration .buddypress-wrap .visibility-toggle-link {
  display: none !important;
}

body.register #buddypress .wp-hide-pw,
body.registration #buddypress .wp-hide-pw,
body.register .buddypress-wrap .wp-hide-pw,
body.registration .buddypress-wrap .wp-hide-pw {
  width: 52px !important;
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  background: #FF4F5F !important;
  color: #ffffff !important;
  padding: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.register #buddypress #pass-strength-result,
body.registration #buddypress #pass-strength-result,
body.register .buddypress-wrap #pass-strength-result,
body.registration .buddypress-wrap #pass-strength-result {
  max-width: 210px !important;
  border-radius: 18px !important;
  padding: 13px 18px !important;
  font-size: 15px !important;
  text-align: center !important;
  font-weight: 900 !important;
  margin-top: 12px !important;
}

body.register #buddypress .description,
body.registration #buddypress .description,
body.register .buddypress-wrap .description,
body.registration .buddypress-wrap .description {
  color: #5B6475 !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
}

body.register #buddypress #drag-drop-area,
body.registration #buddypress #drag-drop-area,
body.register .buddypress-wrap #drag-drop-area,
body.registration .buddypress-wrap #drag-drop-area,
body.register #buddypress .drag-drop,
body.registration #buddypress .drag-drop,
body.register .buddypress-wrap .drag-drop,
body.registration .buddypress-wrap .drag-drop {
  max-width: 100% !important;
  min-height: 150px !important;
  border-radius: 24px !important;
  border: 1px dashed rgba(79,33,255,.22) !important;
  background: linear-gradient(135deg, rgba(255,45,141,.05), rgba(34,211,238,.06)) !important;
}

body.register #buddypress input[type="submit"],
body.registration #buddypress input[type="submit"],
body.register #buddypress button[type="submit"],
body.registration #buddypress button[type="submit"],
body.register .buddypress-wrap input[type="submit"],
body.registration .buddypress-wrap input[type="submit"],
body.register .buddypress-wrap button[type="submit"],
body.registration .buddypress-wrap button[type="submit"],
body.register #signup_submit,
body.registration #signup_submit {
  display: block !important;
  margin: 22px auto 0 !important;
  min-width: 260px !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 18px 30px !important;
  background: linear-gradient(135deg, #FF2D8D, #4F21FF) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  box-shadow: 0 22px 55px rgba(255,45,141,.24) !important;
  cursor: pointer !important;
}

/* =====================================================
   2) PAGE ACTIVATION BUDDYPRESS
   ===================================================== */

body.activate,
body.activation,
body.bp-activate,
body.buddypress.activate {
  background:
    radial-gradient(circle at 0% 12%, rgba(255,45,141,.16), transparent 28%),
    radial-gradient(circle at 100% 14%, rgba(34,211,238,.16), transparent 30%),
    linear-gradient(135deg,#FFF7FB 0%,#F8FAFC 48%,#EEF2FF 100%) !important;
}

body.activate #primary,
body.activation #primary,
body.bp-activate #primary,
body.buddypress.activate #primary,
body.activate .site-main,
body.activation .site-main {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 50px 20px 80px !important;
}

body.activate .entry-header,
body.activation .entry-header,
body.bp-activate .entry-header,
body.buddypress.activate .entry-header,
body.activate .page-header,
body.activation .page-header {
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  padding: 30px 20px 10px !important;
  margin: 0 !important;
}

body.activate .entry-title,
body.activation .entry-title,
body.bp-activate .entry-title,
body.buddypress.activate .entry-title,
body.activate .page-title,
body.activation .page-title {
  color: #070A1F !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -1px !important;
}

body.activate .breadcrumb,
body.activation .breadcrumb,
body.bp-activate .breadcrumb,
body.buddypress.activate .breadcrumb,
body.activate .buddyx-breadcrumbs,
body.activation .buddyx-breadcrumbs {
  display: none !important;
}

body.activate #buddypress #activate-page,
body.activation #buddypress #activate-page,
body.bp-activate #buddypress #activate-page,
body.buddypress.activate #buddypress #activate-page,
body.activate .buddypress-wrap #activate-page,
body.activation .buddypress-wrap #activate-page,
body.activate #buddypress .activate,
body.activation #buddypress .activate,
body.activate .buddypress-wrap .activate,
body.activation .buddypress-wrap .activate,
body.activate #buddypress form#activation-form,
body.activation #buddypress form#activation-form,
body.activate .buddypress-wrap form#activation-form,
body.activation .buddypress-wrap form#activation-form {
  max-width: 720px !important;
  margin: 35px auto 80px !important;
  padding: 42px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 0% 12%, rgba(255,45,141,.10), transparent 28%),
    radial-gradient(circle at 100% 14%, rgba(34,211,238,.10), transparent 30%),
    #ffffff !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  box-shadow: 0 35px 100px rgba(17,24,39,.12) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.activate #buddypress #activate-page::before,
body.activation #buddypress #activate-page::before,
body.activate .buddypress-wrap #activate-page::before,
body.activation .buddypress-wrap #activate-page::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17,24,39,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,24,39,.028) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}

body.activate #buddypress #activate-page > *,
body.activation #buddypress #activate-page > *,
body.activate .buddypress-wrap #activate-page > *,
body.activation .buddypress-wrap #activate-page > *,
body.activate #buddypress form#activation-form > *,
body.activation #buddypress form#activation-form > *,
body.activate .buddypress-wrap form#activation-form > *,
body.activation .buddypress-wrap form#activation-form > * {
  position: relative;
  z-index: 2;
}

body.activate #buddypress #activate-page p,
body.activation #buddypress #activate-page p,
body.activate .buddypress-wrap #activate-page p,
body.activation .buddypress-wrap #activate-page p,
body.activate #buddypress .activate p,
body.activation #buddypress .activate p,
body.activate .buddypress-wrap .activate p,
body.activation .buddypress-wrap .activate p {
  color: #5B6475 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

body.activate #buddypress input[type="text"],
body.activation #buddypress input[type="text"],
body.activate .buddypress-wrap input[type="text"],
body.activation .buddypress-wrap input[type="text"],
body.activate #activation_key,
body.activation #activation_key {
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 19px !important;
  border: 1px solid #E5E7EB !important;
  background: #ffffff !important;
  color: #111827 !important;
  padding: 15px 18px !important;
  font-size: 16px !important;
  outline: none !important;
  box-shadow: 0 12px 32px rgba(17,24,39,.045) !important;
}

body.activate #buddypress label,
body.activation #buddypress label,
body.activate .buddypress-wrap label,
body.activation .buddypress-wrap label {
  color: #111827 !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

body.activate #buddypress input[type="submit"],
body.activation #buddypress input[type="submit"],
body.activate #buddypress button[type="submit"],
body.activation #buddypress button[type="submit"],
body.activate .buddypress-wrap input[type="submit"],
body.activation .buddypress-wrap input[type="submit"],
body.activate .buddypress-wrap button[type="submit"],
body.activation .buddypress-wrap button[type="submit"],
body.activate #activate-page input[type="submit"],
body.activation #activate-page input[type="submit"] {
  border: none !important;
  border-radius: 20px !important;
  padding: 17px 30px !important;
  background: linear-gradient(135deg, #FF2D8D, #4F21FF) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 22px 55px rgba(255,45,141,.24) !important;
}

/* =====================================================
   3) PAGE MEMBRES - STYLE APPLICATION SOCIALE
   ===================================================== */

body.members,
body.directory.members,
body.buddypress.members {
  background: #F0F2F5 !important;
}

body.members header .avatar,
body.directory.members header .avatar,
body.buddypress.members header .avatar,
body.members #masthead .avatar,
body.directory.members #masthead .avatar,
body.buddypress.members #masthead .avatar,
body.members .site-header .avatar,
body.directory.members .site-header .avatar,
body.buddypress.members .site-header .avatar,
body.members .main-header .avatar,
body.directory.members .main-header .avatar,
body.buddypress.members .main-header .avatar,
body.members .header-aside .avatar,
body.directory.members .header-aside .avatar,
body.buddypress.members .header-aside .avatar {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

body.members header button,
body.directory.members header button,
body.buddypress.members header button,
body.members #masthead button,
body.directory.members #masthead button,
body.buddypress.members #masthead button,
body.members .site-header button,
body.directory.members .site-header button,
body.buddypress.members .site-header button,
body.members .main-header button,
body.directory.members .main-header button,
body.buddypress.members .main-header button,
body.members .header-aside button,
body.directory.members .header-aside button,
body.buddypress.members .header-aside button {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  color: inherit !important;
}

body.members #primary,
body.directory.members #primary,
body.buddypress.members #primary,
body.members .site-main,
body.directory.members .site-main,
body.buddypress.members .site-main {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 24px 18px 60px !important;
}

body.members .entry-header,
body.directory.members .entry-header,
body.buddypress.members .entry-header,
body.members .page-header,
body.directory.members .page-header,
body.buddypress.members .page-header,
body.members .site-sub-header,
body.directory.members .site-sub-header,
body.buddypress.members .site-sub-header,
body.members .page-title-section,
body.directory.members .page-title-section,
body.buddypress.members .page-title-section {
  background: #F0F2F5 !important;
  border: none !important;
  padding: 24px 4px 18px !important;
  margin: 0 !important;
  text-align: left !important;
}

body.members .entry-title,
body.directory.members .entry-title,
body.buddypress.members .entry-title,
body.members .page-title,
body.directory.members .page-title,
body.buddypress.members .page-title {
  color: #050B2B !important;
  font-size: clamp(34px, 4vw, 50px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
}

body.members .breadcrumb,
body.directory.members .breadcrumb,
body.buddypress.members .breadcrumb,
body.members .buddyx-breadcrumbs,
body.directory.members .buddyx-breadcrumbs,
body.buddypress.members .buddyx-breadcrumbs {
  display: none !important;
}

body.members #buddypress,
body.directory.members #buddypress,
body.buddypress.members #buddypress,
body.members .buddypress-wrap,
body.directory.members .buddypress-wrap,
body.buddypress.members .buddypress-wrap {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

body.members #buddypress::before,
body.directory.members #buddypress::before,
body.buddypress.members #buddypress::before,
body.members .buddypress-wrap::before,
body.directory.members .buddypress-wrap::before,
body.buddypress.members .buddypress-wrap::before {
  display: none !important;
}

body.members #buddypress .item-list-tabs,
body.directory.members #buddypress .item-list-tabs,
body.buddypress.members #buddypress .item-list-tabs,
body.members .buddypress-wrap .bp-navs,
body.directory.members .buddypress-wrap .bp-navs,
body.buddypress.members .buddypress-wrap .bp-navs {
  background: #ffffff !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 12px !important;
  margin: 0 0 18px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

body.members #buddypress .item-list-tabs ul,
body.directory.members #buddypress .item-list-tabs ul,
body.buddypress.members #buddypress .item-list-tabs ul,
body.members .buddypress-wrap .bp-navs ul,
body.directory.members .buddypress-wrap .bp-navs ul,
body.buddypress.members .buddypress-wrap .bp-navs ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.members #buddypress .item-list-tabs li,
body.directory.members #buddypress .item-list-tabs li,
body.buddypress.members #buddypress .item-list-tabs li,
body.members .buddypress-wrap .bp-navs li,
body.directory.members .buddypress-wrap .bp-navs li,
body.buddypress.members .buddypress-wrap .bp-navs li {
  list-style: none !important;
  margin: 0 !important;
}

body.members #buddypress .item-list-tabs a,
body.directory.members #buddypress .item-list-tabs a,
body.buddypress.members #buddypress .item-list-tabs a,
body.members .buddypress-wrap .bp-navs a,
body.directory.members .buddypress-wrap .bp-navs a,
body.buddypress.members .buddypress-wrap .bp-navs a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 11px 18px !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #1F2937 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: none !important;
}

body.members #buddypress .item-list-tabs li.selected > a,
body.directory.members #buddypress .item-list-tabs li.selected > a,
body.buddypress.members #buddypress .item-list-tabs li.selected > a,
body.members #buddypress .item-list-tabs li.current > a,
body.directory.members #buddypress .item-list-tabs li.current > a,
body.buddypress.members #buddypress .item-list-tabs li.current > a,
body.members .buddypress-wrap .bp-navs li.selected > a,
body.directory.members .buddypress-wrap .bp-navs li.selected > a,
body.buddypress.members .buddypress-wrap .bp-navs li.selected > a,
body.members .buddypress-wrap .bp-navs li.current > a,
body.directory.members .buddypress-wrap .bp-navs li.current > a,
body.buddypress.members .buddypress-wrap .bp-navs li.current > a {
  background: #2563EB !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body.members #buddypress .item-list-tabs li.selected > a *,
body.directory.members #buddypress .item-list-tabs li.selected > a *,
body.buddypress.members #buddypress .item-list-tabs li.selected > a *,
body.members #buddypress .item-list-tabs li.current > a *,
body.directory.members #buddypress .item-list-tabs li.current > a *,
body.buddypress.members #buddypress .item-list-tabs li.current > a *,
body.members .buddypress-wrap .bp-navs li.selected > a *,
body.directory.members .buddypress-wrap .bp-navs li.selected > a *,
body.buddypress.members .buddypress-wrap .bp-navs li.selected > a *,
body.members .buddypress-wrap .bp-navs li.current > a *,
body.directory.members .buddypress-wrap .bp-navs li.current > a *,
body.buddypress.members .buddypress-wrap .bp-navs li.current > a * {
  color: #ffffff !important;
}

body.members #buddypress .item-list-tabs .count,
body.directory.members #buddypress .item-list-tabs .count,
body.buddypress.members #buddypress .item-list-tabs .count,
body.members .buddypress-wrap .bp-navs .count,
body.directory.members .buddypress-wrap .bp-navs .count,
body.buddypress.members .buddypress-wrap .bp-navs .count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #EEF0F4 !important;
  color: #5B6475 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-left: 4px !important;
}

body.members #buddypress .item-list-tabs li.selected .count,
body.directory.members #buddypress .item-list-tabs li.selected .count,
body.buddypress.members #buddypress .item-list-tabs li.selected .count,
body.members #buddypress .item-list-tabs li.current .count,
body.directory.members #buddypress .item-list-tabs li.current .count,
body.buddypress.members #buddypress .item-list-tabs li.current .count,
body.members .buddypress-wrap .bp-navs li.selected .count,
body.directory.members .buddypress-wrap .bp-navs li.selected .count,
body.buddypress.members .buddypress-wrap .bp-navs li.selected .count,
body.members .buddypress-wrap .bp-navs li.current .count,
body.directory.members .buddypress-wrap .bp-navs li.current .count,
body.buddypress.members .buddypress-wrap .bp-navs li.current .count {
  background: #ffffff !important;
  color: #2563EB !important;
}

body.members #members-dir-search,
body.directory.members #members-dir-search,
body.buddypress.members #members-dir-search,
body.members .dir-search,
body.directory.members .dir-search,
body.buddypress.members .dir-search,
body.members .subnav-filters,
body.directory.members .subnav-filters,
body.buddypress.members .subnav-filters {
  background: #ffffff !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
  margin: 0 0 20px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

body.members .subnav-filters,
body.directory.members .subnav-filters,
body.buddypress.members .subnav-filters {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

body.members #buddypress input[type="search"],
body.directory.members #buddypress input[type="search"],
body.buddypress.members #buddypress input[type="search"],
body.members #buddypress input[type="text"],
body.directory.members #buddypress input[type="text"],
body.buddypress.members #buddypress input[type="text"],
body.members .buddypress-wrap input[type="search"],
body.directory.members .buddypress-wrap input[type="search"],
body.buddypress.members .buddypress-wrap input[type="search"],
body.members .buddypress-wrap input[type="text"],
body.directory.members .buddypress-wrap input[type="text"],
body.buddypress.members .buddypress-wrap input[type="text"] {
  height: 48px !important;
  min-width: 280px !important;
  border-radius: 999px !important;
  border: 1px solid #DFE3E8 !important;
  background: #F7F8FA !important;
  padding: 0 18px !important;
  color: #111827 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.members #buddypress select,
body.directory.members #buddypress select,
body.buddypress.members #buddypress select,
body.members .buddypress-wrap select,
body.directory.members .buddypress-wrap select,
body.buddypress.members .buddypress-wrap select {
  height: 48px !important;
  min-width: 220px !important;
  border-radius: 12px !important;
  border: 1px solid #DFE3E8 !important;
  background: #F7F8FA !important;
  padding: 0 16px !important;
  color: #111827 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.members #buddypress input:focus,
body.directory.members #buddypress input:focus,
body.buddypress.members #buddypress input:focus,
body.members .buddypress-wrap input:focus,
body.directory.members .buddypress-wrap input:focus,
body.buddypress.members .buddypress-wrap input:focus,
body.members #buddypress select:focus,
body.directory.members #buddypress select:focus,
body.buddypress.members #buddypress select:focus,
body.members .buddypress-wrap select:focus,
body.directory.members .buddypress-wrap select:focus,
body.buddypress.members .buddypress-wrap select:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

body.members #buddypress ul#members-list,
body.directory.members #buddypress ul#members-list,
body.buddypress.members #buddypress ul#members-list,
body.members .buddypress-wrap ul#members-list,
body.directory.members .buddypress-wrap ul#members-list,
body.buddypress.members .buddypress-wrap ul#members-list,
body.members #buddypress .members-list,
body.directory.members #buddypress .members-list,
body.buddypress.members #buddypress .members-list,
body.members .buddypress-wrap .members-list,
body.directory.members .buddypress-wrap .members-list,
body.buddypress.members .buddypress-wrap .members-list,
body.members #buddypress .bp-list,
body.directory.members #buddypress .bp-list,
body.buddypress.members #buddypress .bp-list,
body.members .buddypress-wrap .bp-list,
body.directory.members .buddypress-wrap .bp-list,
body.buddypress.members .buddypress-wrap .bp-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.members #buddypress ul#members-list > li,
body.directory.members #buddypress ul#members-list > li,
body.buddypress.members #buddypress ul#members-list > li,
body.members .buddypress-wrap ul#members-list > li,
body.directory.members .buddypress-wrap ul#members-list > li,
body.buddypress.members .buddypress-wrap ul#members-list > li,
body.members #buddypress .bp-list > li,
body.directory.members #buddypress .bp-list > li,
body.buddypress.members #buddypress .bp-list > li,
body.members .buddypress-wrap .bp-list > li,
body.directory.members .buddypress-wrap .bp-list > li,
body.buddypress.members .buddypress-wrap .bp-list > li,
body.members #buddypress li.item-entry,
body.directory.members #buddypress li.item-entry,
body.buddypress.members #buddypress li.item-entry {
  width: 100% !important;
  max-width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
}

body.members #buddypress .bp-list > li .list-wrap,
body.directory.members #buddypress .bp-list > li .list-wrap,
body.buddypress.members #buddypress .bp-list > li .list-wrap,
body.members .buddypress-wrap .bp-list > li .list-wrap,
body.directory.members .buddypress-wrap .bp-list > li .list-wrap,
body.buddypress.members .buddypress-wrap .bp-list > li .list-wrap,
body.members #buddypress ul#members-list > li .list-wrap,
body.directory.members #buddypress ul#members-list > li .list-wrap,
body.buddypress.members #buddypress ul#members-list > li .list-wrap,
body.members .buddypress-wrap ul#members-list > li .list-wrap,
body.directory.members .buddypress-wrap ul#members-list > li .list-wrap,
body.buddypress.members .buddypress-wrap ul#members-list > li .list-wrap {
  position: relative !important;
  display: block !important;
  min-height: 350px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 10px 24px rgba(16,24,40,.05) !important;
}

body.members #buddypress .bp-list > li .list-wrap::before,
body.directory.members #buddypress .bp-list > li .list-wrap::before,
body.buddypress.members #buddypress .bp-list > li .list-wrap::before,
body.members .buddypress-wrap .bp-list > li .list-wrap::before,
body.directory.members .buddypress-wrap .bp-list > li .list-wrap::before,
body.buddypress.members .buddypress-wrap .bp-list > li .list-wrap::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 140px !important;
  background: linear-gradient(135deg,#E9EDF5,#F7F8FA) !important;
}

body.members #buddypress .item-avatar,
body.directory.members #buddypress .item-avatar,
body.buddypress.members #buddypress .item-avatar,
body.members .buddypress-wrap .item-avatar,
body.directory.members .buddypress-wrap .item-avatar,
body.buddypress.members .buddypress-wrap .item-avatar {
  position: absolute !important;
  left: 22px !important;
  top: 92px !important;
  width: 96px !important;
  height: 96px !important;
  margin: 0 !important;
  z-index: 4 !important;
}

body.members #buddypress .item-avatar img,
body.directory.members #buddypress .item-avatar img,
body.buddypress.members #buddypress .item-avatar img,
body.members .buddypress-wrap .item-avatar img,
body.directory.members .buddypress-wrap .item-avatar img,
body.buddypress.members .buddypress-wrap .item-avatar img {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 8px 20px rgba(16,24,40,.12) !important;
  background: #ffffff !important;
}

body.members #buddypress .bp-list .item,
body.directory.members #buddypress .bp-list .item,
body.buddypress.members #buddypress .bp-list .item,
body.members .buddypress-wrap .bp-list .item,
body.directory.members .buddypress-wrap .bp-list .item,
body.buddypress.members .buddypress-wrap .bp-list .item {
  width: 100% !important;
  margin: 0 !important;
  padding: 62px 22px 18px !important;
  text-align: left !important;
}

body.members #buddypress .item-title,
body.directory.members #buddypress .item-title,
body.buddypress.members #buddypress .item-title,
body.members .buddypress-wrap .item-title,
body.directory.members .buddypress-wrap .item-title,
body.buddypress.members .buddypress-wrap .item-title,
body.members #buddypress .list-title,
body.directory.members #buddypress .list-title,
body.buddypress.members #buddypress .list-title,
body.members .buddypress-wrap .list-title,
body.directory.members .buddypress-wrap .list-title,
body.buddypress.members .buddypress-wrap .list-title {
  width: 100% !important;
  margin: 0 0 8px !important;
}

body.members #buddypress .item-title a,
body.directory.members #buddypress .item-title a,
body.buddypress.members #buddypress .item-title a,
body.members .buddypress-wrap .item-title a,
body.directory.members .buddypress-wrap .item-title a,
body.buddypress.members .buddypress-wrap .item-title a,
body.members #buddypress .list-title a,
body.directory.members #buddypress .list-title a,
body.buddypress.members #buddypress .list-title a,
body.members .buddypress-wrap .list-title a,
body.directory.members .buddypress-wrap .list-title a,
body.buddypress.members .buddypress-wrap .list-title a {
  display: block !important;
  color: #1C1E21 !important;
  font-size: 26px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.members #buddypress .item-meta,
body.directory.members #buddypress .item-meta,
body.buddypress.members #buddypress .item-meta,
body.members .buddypress-wrap .item-meta,
body.directory.members .buddypress-wrap .item-meta,
body.buddypress.members .buddypress-wrap .item-meta,
body.members #buddypress .activity,
body.directory.members #buddypress .activity,
body.buddypress.members #buddypress .activity,
body.members .buddypress-wrap .activity,
body.directory.members .buddypress-wrap .activity,
body.buddypress.members .buddypress-wrap .activity {
  color: #65676B !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

body.members #buddypress .action,
body.directory.members #buddypress .action,
body.buddypress.members #buddypress .action,
body.members .buddypress-wrap .action,
body.directory.members .buddypress-wrap .action,
body.buddypress.members .buddypress-wrap .action {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 0 22px 22px !important;
  margin: 0 !important;
}

body.members #buddypress .action a,
body.directory.members #buddypress .action a,
body.buddypress.members #buddypress .action a,
body.members .buddypress-wrap .action a,
body.directory.members .buddypress-wrap .action a,
body.buddypress.members .buddypress-wrap .action a,
body.members #buddypress .generic-button a,
body.directory.members #buddypress .generic-button a,
body.buddypress.members #buddypress .generic-button a,
body.members .buddypress-wrap .generic-button a,
body.directory.members .buddypress-wrap .generic-button a,
body.buddypress.members .buddypress-wrap .generic-button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  background: #EEF2FF !important;
  color: #2563EB !important;
  font-weight: 850 !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.members #buddypress .action a:hover,
body.directory.members #buddypress .action a:hover,
body.buddypress.members #buddypress .action a:hover,
body.members .buddypress-wrap .action a:hover,
body.directory.members .buddypress-wrap .action a:hover,
body.buddypress.members .buddypress-wrap .action a:hover {
  background: #2563EB !important;
  color: #ffffff !important;
}

/* =====================================================
   4) RESPONSIVE
   ===================================================== */

@media(max-width: 980px) {
  body.members #buddypress ul#members-list,
  body.directory.members #buddypress ul#members-list,
  body.buddypress.members #buddypress ul#members-list,
  body.members .buddypress-wrap ul#members-list,
  body.directory.members .buddypress-wrap ul#members-list,
  body.buddypress.members .buddypress-wrap ul#members-list,
  body.members #buddypress .bp-list,
  body.directory.members #buddypress .bp-list,
  body.buddypress.members #buddypress .bp-list,
  body.members .buddypress-wrap .bp-list,
  body.directory.members .buddypress-wrap .bp-list,
  body.buddypress.members .buddypress-wrap .bp-list {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width: 768px) {
  body.register #buddypress #signup_form,
  body.registration #buddypress #signup_form,
  body.register .buddypress-wrap #signup_form,
  body.registration .buddypress-wrap #signup_form,
  body.register #register-page,
  body.registration #register-page,
  body.register .bp_register,
  body.registration .bp_register {
    max-width: 94% !important;
    padding: 24px !important;
    border-radius: 28px !important;
  }

  body.register #buddypress #basic-details-section,
  body.registration #buddypress #basic-details-section,
  body.register #buddypress #profile-details-section,
  body.registration #buddypress #profile-details-section,
  body.register .buddypress-wrap #basic-details-section,
  body.registration .buddypress-wrap #basic-details-section,
  body.register .buddypress-wrap #profile-details-section,
  body.registration .buddypress-wrap #profile-details-section {
    max-width: 100% !important;
    padding: 24px !important;
    border-radius: 24px !important;
  }

  body.register #buddypress #basic-details-section h2,
  body.registration #buddypress #basic-details-section h2,
  body.register #buddypress #profile-details-section h2,
  body.registration #buddypress #profile-details-section h2,
  body.register .buddypress-wrap #basic-details-section h2,
  body.registration .buddypress-wrap #basic-details-section h2,
  body.register .buddypress-wrap #profile-details-section h2,
  body.registration .buddypress-wrap #profile-details-section h2 {
    font-size: 28px !important;
  }

  body.register #buddypress input[type="submit"],
  body.registration #buddypress input[type="submit"],
  body.register #buddypress button[type="submit"],
  body.registration #buddypress button[type="submit"],
  body.register .buddypress-wrap input[type="submit"],
  body.registration .buddypress-wrap input[type="submit"],
  body.register .buddypress-wrap button[type="submit"],
  body.registration .buddypress-wrap button[type="submit"],
  body.register #signup_submit,
  body.registration #signup_submit {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.activate #primary,
  body.activation #primary,
  body.bp-activate #primary,
  body.buddypress.activate #primary,
  body.activate .site-main,
  body.activation .site-main {
    padding: 30px 16px 60px !important;
  }

  body.activate #buddypress #activate-page,
  body.activation #buddypress #activate-page,
  body.activate .buddypress-wrap #activate-page,
  body.activation .buddypress-wrap #activate-page,
  body.activate #buddypress .activate,
  body.activation #buddypress .activate,
  body.activate .buddypress-wrap .activate,
  body.activation .buddypress-wrap .activate,
  body.activate #buddypress form#activation-form,
  body.activation #buddypress form#activation-form,
  body.activate .buddypress-wrap form#activation-form,
  body.activation .buddypress-wrap form#activation-form {
    padding: 26px !important;
    border-radius: 28px !important;
  }
}

@media(max-width: 640px) {
  body.members #primary,
  body.directory.members #primary,
  body.buddypress.members #primary,
  body.members .site-main,
  body.directory.members .site-main,
  body.buddypress.members .site-main {
    padding: 16px 12px 40px !important;
  }

  body.members .entry-title,
  body.directory.members .entry-title,
  body.buddypress.members .entry-title {
    font-size: 36px !important;
  }

  body.members .subnav-filters,
  body.directory.members .subnav-filters,
  body.buddypress.members .subnav-filters {
    padding: 14px !important;
  }

  body.members #buddypress input[type="search"],
  body.directory.members #buddypress input[type="search"],
  body.buddypress.members #buddypress input[type="search"],
  body.members #buddypress input[type="text"],
  body.directory.members #buddypress input[type="text"],
  body.buddypress.members #buddypress input[type="text"],
  body.members .buddypress-wrap input[type="search"],
  body.directory.members .buddypress-wrap input[type="search"],
  body.buddypress.members .buddypress-wrap input[type="search"],
  body.members .buddypress-wrap input[type="text"],
  body.directory.members .buddypress-wrap input[type="text"],
  body.buddypress.members .buddypress-wrap input[type="text"],
  body.members #buddypress select,
  body.directory.members #buddypress select,
  body.buddypress.members #buddypress select,
  body.members .buddypress-wrap select,
  body.directory.members .buddypress-wrap select,
  body.buddypress.members .buddypress-wrap select {
    width: 100% !important;
    min-width: 100% !important;
  }

  body.members #buddypress .item-title a,
  body.directory.members #buddypress .item-title a,
  body.buddypress.members #buddypress .item-title a,
  body.members .buddypress-wrap .item-title a,
  body.directory.members .buddypress-wrap .item-title a,
  body.buddypress.members .buddypress-wrap .item-title a {
    font-size: 22px !important;
  }
}

/* =====================================================
   5) PAGE GROUPES - STYLE APPLICATION SOCIALE PRO
   Version stable : évite les conflits avec les cartes BuddyX
   ===================================================== */

/* Fond général */
body.groups,
body.directory.groups,
body.buddypress.groups {
  background: #F0F2F5 !important;
}

/* Protection du header sur la page Groupes */
body.groups header .avatar,
body.directory.groups header .avatar,
body.buddypress.groups header .avatar,
body.groups #masthead .avatar,
body.directory.groups #masthead .avatar,
body.buddypress.groups #masthead .avatar,
body.groups .site-header .avatar,
body.directory.groups .site-header .avatar,
body.buddypress.groups .site-header .avatar,
body.groups .main-header .avatar,
body.directory.groups .main-header .avatar,
body.buddypress.groups .main-header .avatar,
body.groups .header-aside .avatar,
body.directory.groups .header-aside .avatar,
body.buddypress.groups .header-aside .avatar {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

body.groups header button,
body.directory.groups header button,
body.buddypress.groups header button,
body.groups #masthead button,
body.directory.groups #masthead button,
body.buddypress.groups #masthead button,
body.groups .site-header button,
body.directory.groups .site-header button,
body.buddypress.groups .site-header button,
body.groups .main-header button,
body.directory.groups .main-header button,
body.buddypress.groups .main-header button,
body.groups .header-aside button,
body.directory.groups .header-aside button,
body.buddypress.groups .header-aside button {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  color: inherit !important;
}

/* Conteneur principal */
body.groups #primary,
body.directory.groups #primary,
body.buddypress.groups #primary,
body.groups .site-main,
body.directory.groups .site-main,
body.buddypress.groups .site-main {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 24px 18px 70px !important;
}

/* En-tête de page : style app, pas style public */
body.groups .entry-header,
body.directory.groups .entry-header,
body.buddypress.groups .entry-header,
body.groups .page-header,
body.directory.groups .page-header,
body.buddypress.groups .page-header,
body.groups .site-sub-header,
body.directory.groups .site-sub-header,
body.buddypress.groups .site-sub-header,
body.groups .page-title-section,
body.directory.groups .page-title-section,
body.buddypress.groups .page-title-section {
  background: #F0F2F5 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 24px 4px 18px !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Titre Groupes */
body.groups .entry-title,
body.directory.groups .entry-title,
body.buddypress.groups .entry-title,
body.groups .page-title,
body.directory.groups .page-title,
body.buddypress.groups .page-title {
  color: #050B2B !important;
  font-size: clamp(34px, 4vw, 50px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
}

/* Supprimer fil d’Ariane */
body.groups .breadcrumb,
body.directory.groups .breadcrumb,
body.buddypress.groups .breadcrumb,
body.groups .buddyx-breadcrumbs,
body.directory.groups .buddyx-breadcrumbs,
body.buddypress.groups .buddyx-breadcrumbs,
body.groups .bp-breadcrumb,
body.directory.groups .bp-breadcrumb,
body.buddypress.groups .bp-breadcrumb {
  display: none !important;
}

/* Zone BuddyPress */
body.groups #buddypress,
body.directory.groups #buddypress,
body.buddypress.groups #buddypress,
body.groups .buddypress-wrap,
body.directory.groups .buddypress-wrap,
body.buddypress.groups .buddypress-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/*
   Important :
   On ne force plus .screen-content en grille.
   BuddyX gère déjà la mise en page gauche + contenu.
   Forcer une grille ici compressait les cartes.
*/
body.groups #buddypress .screen-content,
body.directory.groups #buddypress .screen-content,
body.buddypress.groups #buddypress .screen-content,
body.groups .buddypress-wrap .screen-content,
body.directory.groups .buddypress-wrap .screen-content,
body.buddypress.groups .buddypress-wrap .screen-content {
  max-width: 100% !important;
  overflow: visible !important;
}

/* Colonne / barre de navigation groupes */
body.groups #buddypress .item-list-tabs,
body.directory.groups #buddypress .item-list-tabs,
body.buddypress.groups #buddypress .item-list-tabs,
body.groups .buddypress-wrap .bp-navs,
body.directory.groups .buddypress-wrap .bp-navs,
body.buddypress.groups .buddypress-wrap .bp-navs,
body.groups .bp-navs,
body.directory.groups .bp-navs,
body.buddypress.groups .bp-navs {
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 12px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 10px 24px rgba(16,24,40,.04) !important;
}

/* Liste navigation */
body.groups #buddypress .item-list-tabs ul,
body.directory.groups #buddypress .item-list-tabs ul,
body.buddypress.groups #buddypress .item-list-tabs ul,
body.groups .buddypress-wrap .bp-navs ul,
body.directory.groups .buddypress-wrap .bp-navs ul,
body.buddypress.groups .buddypress-wrap .bp-navs ul,
body.groups .bp-navs ul,
body.directory.groups .bp-navs ul,
body.buddypress.groups .bp-navs ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.groups #buddypress .item-list-tabs li,
body.directory.groups #buddypress .item-list-tabs li,
body.buddypress.groups #buddypress .item-list-tabs li,
body.groups .buddypress-wrap .bp-navs li,
body.directory.groups .buddypress-wrap .bp-navs li,
body.buddypress.groups .buddypress-wrap .bp-navs li,
body.groups .bp-navs li,
body.directory.groups .bp-navs li,
body.buddypress.groups .bp-navs li {
  list-style: none !important;
  margin: 0 !important;
}

/* Onglets normaux */
body.groups #buddypress .item-list-tabs a,
body.directory.groups #buddypress .item-list-tabs a,
body.buddypress.groups #buddypress .item-list-tabs a,
body.groups .buddypress-wrap .bp-navs a,
body.directory.groups .buddypress-wrap .bp-navs a,
body.buddypress.groups .buddypress-wrap .bp-navs a,
body.groups .bp-navs a,
body.directory.groups .bp-navs a,
body.buddypress.groups .bp-navs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 11px 16px !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #1F2937 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Onglet actif : bleu uni lisible */
body.groups #buddypress .item-list-tabs li.selected > a,
body.directory.groups #buddypress .item-list-tabs li.selected > a,
body.buddypress.groups #buddypress .item-list-tabs li.selected > a,
body.groups #buddypress .item-list-tabs li.current > a,
body.directory.groups #buddypress .item-list-tabs li.current > a,
body.buddypress.groups #buddypress .item-list-tabs li.current > a,
body.groups .buddypress-wrap .bp-navs li.selected > a,
body.directory.groups .buddypress-wrap .bp-navs li.selected > a,
body.buddypress.groups .buddypress-wrap .bp-navs li.selected > a,
body.groups .buddypress-wrap .bp-navs li.current > a,
body.directory.groups .buddypress-wrap .bp-navs li.current > a,
body.buddypress.groups .buddypress-wrap .bp-navs li.current > a,
body.groups .bp-navs li.selected > a,
body.directory.groups .bp-navs li.selected > a,
body.buddypress.groups .bp-navs li.selected > a,
body.groups .bp-navs li.current > a,
body.directory.groups .bp-navs li.current > a,
body.buddypress.groups .bp-navs li.current > a {
  background: #2563EB !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Texte actif blanc */
body.groups #buddypress .item-list-tabs li.selected > a *,
body.directory.groups #buddypress .item-list-tabs li.selected > a *,
body.buddypress.groups #buddypress .item-list-tabs li.selected > a *,
body.groups #buddypress .item-list-tabs li.current > a *,
body.directory.groups #buddypress .item-list-tabs li.current > a *,
body.buddypress.groups #buddypress .item-list-tabs li.current > a *,
body.groups .buddypress-wrap .bp-navs li.selected > a *,
body.directory.groups .buddypress-wrap .bp-navs li.selected > a *,
body.buddypress.groups .buddypress-wrap .bp-navs li.selected > a *,
body.groups .buddypress-wrap .bp-navs li.current > a *,
body.directory.groups .buddypress-wrap .bp-navs li.current > a *,
body.buddypress.groups .buddypress-wrap .bp-navs li.current > a * {
  color: #FFFFFF !important;
}

/* Compteurs */
body.groups #buddypress .item-list-tabs .count,
body.directory.groups #buddypress .item-list-tabs .count,
body.buddypress.groups #buddypress .item-list-tabs .count,
body.groups .buddypress-wrap .bp-navs .count,
body.directory.groups .buddypress-wrap .bp-navs .count,
body.buddypress.groups .buddypress-wrap .bp-navs .count,
body.groups .bp-navs .count,
body.directory.groups .bp-navs .count,
body.buddypress.groups .bp-navs .count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #EEF0F4 !important;
  color: #5B6475 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-left: 4px !important;
}

body.groups #buddypress .item-list-tabs li.selected .count,
body.directory.groups #buddypress .item-list-tabs li.selected .count,
body.buddypress.groups #buddypress .item-list-tabs li.selected .count,
body.groups #buddypress .item-list-tabs li.current .count,
body.directory.groups #buddypress .item-list-tabs li.current .count,
body.buddypress.groups #buddypress .item-list-tabs li.current .count,
body.groups .buddypress-wrap .bp-navs li.selected .count,
body.directory.groups .buddypress-wrap .bp-navs li.selected .count,
body.buddypress.groups .buddypress-wrap .bp-navs li.selected .count,
body.groups .buddypress-wrap .bp-navs li.current .count,
body.directory.groups .buddypress-wrap .bp-navs li.current .count,
body.buddypress.groups .buddypress-wrap .bp-navs li.current .count {
  background: #FFFFFF !important;
  color: #2563EB !important;
}

/* Bouton créer un groupe : plus doux */
body.groups a[href*="create"],
body.directory.groups a[href*="create"],
body.buddypress.groups a[href*="create"],
body.groups .create-group,
body.directory.groups .create-group,
body.buddypress.groups .create-group {
  border-radius: 12px !important;
  font-weight: 850 !important;
}

/* Zone recherche + tri */
body.groups .subnav-filters,
body.directory.groups .subnav-filters,
body.buddypress.groups .subnav-filters,
body.groups .dir-search,
body.directory.groups .dir-search,
body.buddypress.groups .dir-search {
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
  margin: 0 0 22px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

body.groups .subnav-filters,
body.directory.groups .subnav-filters,
body.buddypress.groups .subnav-filters {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

/* Champs recherche */
body.groups #buddypress input[type="search"],
body.directory.groups #buddypress input[type="search"],
body.buddypress.groups #buddypress input[type="search"],
body.groups #buddypress input[type="text"],
body.directory.groups #buddypress input[type="text"],
body.buddypress.groups #buddypress input[type="text"],
body.groups .buddypress-wrap input[type="search"],
body.directory.groups .buddypress-wrap input[type="search"],
body.buddypress.groups .buddypress-wrap input[type="search"],
body.groups .buddypress-wrap input[type="text"],
body.directory.groups .buddypress-wrap input[type="text"],
body.buddypress.groups .buddypress-wrap input[type="text"] {
  height: 48px !important;
  min-width: 280px !important;
  border-radius: 999px !important;
  border: 1px solid #DFE3E8 !important;
  background: #F7F8FA !important;
  padding: 0 18px !important;
  color: #111827 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Select tri */
body.groups #buddypress select,
body.directory.groups #buddypress select,
body.buddypress.groups #buddypress select,
body.groups .buddypress-wrap select,
body.directory.groups .buddypress-wrap select,
body.buddypress.groups .buddypress-wrap select {
  height: 48px !important;
  min-width: 220px !important;
  border-radius: 12px !important;
  border: 1px solid #DFE3E8 !important;
  background: #F7F8FA !important;
  padding: 0 16px !important;
  color: #111827 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.groups #buddypress input:focus,
body.directory.groups #buddypress input:focus,
body.buddypress.groups #buddypress input:focus,
body.groups .buddypress-wrap input:focus,
body.directory.groups .buddypress-wrap input:focus,
body.buddypress.groups .buddypress-wrap input:focus,
body.groups #buddypress select:focus,
body.directory.groups #buddypress select:focus,
body.buddypress.groups #buddypress select:focus,
body.groups .buddypress-wrap select:focus,
body.directory.groups .buddypress-wrap select:focus,
body.buddypress.groups .buddypress-wrap select:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

/* Liste des groupes : largeur stable */
body.groups #buddypress #groups-list,
body.directory.groups #buddypress #groups-list,
body.buddypress.groups #buddypress #groups-list,
body.groups .buddypress-wrap #groups-list,
body.directory.groups .buddypress-wrap #groups-list,
body.buddypress.groups .buddypress-wrap #groups-list,
body.groups #buddypress .groups-list,
body.directory.groups #buddypress .groups-list,
body.buddypress.groups #buddypress .groups-list,
body.groups .buddypress-wrap .groups-list,
body.directory.groups .buddypress-wrap .groups-list,
body.buddypress.groups .buddypress-wrap .groups-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  align-items: stretch !important;
}

/* Items */
body.groups #buddypress #groups-list > li,
body.directory.groups #buddypress #groups-list > li,
body.buddypress.groups #buddypress #groups-list > li,
body.groups .buddypress-wrap #groups-list > li,
body.directory.groups .buddypress-wrap #groups-list > li,
body.buddypress.groups .buddypress-wrap #groups-list > li,
body.groups #buddypress .groups-list > li,
body.directory.groups #buddypress .groups-list > li,
body.buddypress.groups #buddypress .groups-list > li,
body.groups .buddypress-wrap .groups-list > li,
body.directory.groups .buddypress-wrap .groups-list > li,
body.buddypress.groups .buddypress-wrap .groups-list > li,
body.groups #buddypress li.item-entry,
body.directory.groups #buddypress li.item-entry,
body.buddypress.groups #buddypress li.item-entry {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  flex: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Carte groupe */
body.groups #buddypress #groups-list > li .list-wrap,
body.directory.groups #buddypress #groups-list > li .list-wrap,
body.buddypress.groups #buddypress #groups-list > li .list-wrap,
body.groups .buddypress-wrap #groups-list > li .list-wrap,
body.directory.groups .buddypress-wrap #groups-list > li .list-wrap,
body.buddypress.groups .buddypress-wrap #groups-list > li .list-wrap,
body.groups #buddypress .groups-list > li .list-wrap,
body.directory.groups #buddypress .groups-list > li .list-wrap,
body.buddypress.groups #buddypress .groups-list > li .list-wrap,
body.groups .buddypress-wrap .groups-list > li .list-wrap,
body.directory.groups .buddypress-wrap .groups-list > li .list-wrap,
body.buddypress.groups .buddypress-wrap .groups-list > li .list-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
  display: block !important;
  min-height: 390px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 12px 28px rgba(16,24,40,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body.groups #buddypress #groups-list > li .list-wrap:hover,
body.directory.groups #buddypress #groups-list > li .list-wrap:hover,
body.buddypress.groups #buddypress #groups-list > li .list-wrap:hover,
body.groups .buddypress-wrap #groups-list > li .list-wrap:hover,
body.directory.groups .buddypress-wrap #groups-list > li .list-wrap:hover,
body.buddypress.groups .buddypress-wrap #groups-list > li .list-wrap:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 2px 4px rgba(16,24,40,.08), 0 18px 38px rgba(16,24,40,.10) !important;
}

/*
   Couverture :
   On ne transforme pas .item-avatar en cover.
   BuddyX utilise souvent .item-avatar pour le logo du groupe.
   On ajoute seulement un fond haut léger quand aucune vraie cover n’est disponible.
*/
body.groups #buddypress #groups-list > li .list-wrap::before,
body.directory.groups #buddypress #groups-list > li .list-wrap::before,
body.buddypress.groups #buddypress #groups-list > li .list-wrap::before,
body.groups .buddypress-wrap #groups-list > li .list-wrap::before,
body.directory.groups .buddypress-wrap #groups-list > li .list-wrap::before,
body.buddypress.groups .buddypress-wrap #groups-list > li .list-wrap::before,
body.groups #buddypress .groups-list > li .list-wrap::before,
body.directory.groups #buddypress .groups-list > li .list-wrap::before,
body.buddypress.groups #buddypress .groups-list > li .list-wrap::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 150px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(37,99,235,.14), transparent 28%),
    radial-gradient(circle at 86% 25%, rgba(236,72,153,.14), transparent 30%),
    linear-gradient(135deg,#E9EDF5,#F8FAFC) !important;
}

/* Si le thème affiche déjà une vraie couverture, on la met proprement */
body.groups #groups-list .group-cover,
body.directory.groups #groups-list .group-cover,
body.buddypress.groups #groups-list .group-cover,
body.groups #groups-list .bp-group-cover,
body.directory.groups #groups-list .bp-group-cover,
body.buddypress.groups #groups-list .bp-group-cover,
body.groups #groups-list .bs-group-cover,
body.directory.groups #groups-list .bs-group-cover,
body.buddypress.groups #groups-list .bs-group-cover,
body.groups #groups-list .item-cover,
body.directory.groups #groups-list .item-cover,
body.buddypress.groups #groups-list .item-cover {
  height: 150px !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: #E9EDF5 !important;
}

body.groups #groups-list .group-cover img,
body.directory.groups #groups-list .group-cover img,
body.buddypress.groups #groups-list .group-cover img,
body.groups #groups-list .bp-group-cover img,
body.directory.groups #groups-list .bp-group-cover img,
body.buddypress.groups #groups-list .bp-group-cover img,
body.groups #groups-list .bs-group-cover img,
body.directory.groups #groups-list .bs-group-cover img,
body.buddypress.groups #groups-list .bs-group-cover img,
body.groups #groups-list .item-cover img,
body.directory.groups #groups-list .item-cover img,
body.buddypress.groups #groups-list .item-cover img {
  width: 100% !important;
  height: 150px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Avatar/logo groupe */
body.groups #buddypress #groups-list .item-avatar,
body.directory.groups #buddypress #groups-list .item-avatar,
body.buddypress.groups #buddypress #groups-list .item-avatar,
body.groups .buddypress-wrap #groups-list .item-avatar,
body.directory.groups .buddypress-wrap #groups-list .item-avatar,
body.buddypress.groups .buddypress-wrap #groups-list .item-avatar,
body.groups #buddypress .groups-list .item-avatar,
body.directory.groups #buddypress .groups-list .item-avatar,
body.buddypress.groups #buddypress .groups-list .item-avatar {
  width: 108px !important;
  height: 108px !important;
  position: relative !important;
  margin: -62px auto 18px !important;
  overflow: visible !important;
  background: transparent !important;
  z-index: 3 !important;
  float: none !important;
}

body.groups #buddypress #groups-list .item-avatar img,
body.directory.groups #buddypress #groups-list .item-avatar img,
body.buddypress.groups #buddypress #groups-list .item-avatar img,
body.groups .buddypress-wrap #groups-list .item-avatar img,
body.directory.groups .buddypress-wrap #groups-list .item-avatar img,
body.buddypress.groups .buddypress-wrap #groups-list .item-avatar img,
body.groups #buddypress .groups-list .item-avatar img,
body.directory.groups #buddypress .groups-list .item-avatar img,
body.buddypress.groups #buddypress .groups-list .item-avatar img {
  width: 108px !important;
  height: 108px !important;
  max-width: 108px !important;
  max-height: 108px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 5px solid #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(16,24,40,.14) !important;
  background: #FFFFFF !important;
}

/* Contenu */
body.groups #buddypress #groups-list .item,
body.directory.groups #buddypress #groups-list .item,
body.buddypress.groups #buddypress #groups-list .item,
body.groups .buddypress-wrap #groups-list .item,
body.directory.groups .buddypress-wrap #groups-list .item,
body.buddypress.groups .buddypress-wrap #groups-list .item,
body.groups #buddypress .groups-list .item,
body.directory.groups #buddypress .groups-list .item,
body.buddypress.groups #buddypress .groups-list .item {
  width: 100% !important;
  padding: 0 24px 18px !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Titre groupe */
body.groups #buddypress #groups-list .item-title,
body.directory.groups #buddypress #groups-list .item-title,
body.buddypress.groups #buddypress #groups-list .item-title,
body.groups .buddypress-wrap #groups-list .item-title,
body.directory.groups .buddypress-wrap #groups-list .item-title,
body.buddypress.groups .buddypress-wrap #groups-list .item-title,
body.groups #buddypress .groups-list .item-title,
body.directory.groups #buddypress .groups-list .item-title,
body.buddypress.groups #buddypress .groups-list .item-title,
body.groups #buddypress #groups-list .list-title,
body.directory.groups #buddypress #groups-list .list-title,
body.buddypress.groups #buddypress #groups-list .list-title {
  width: 100% !important;
  margin: 0 0 12px !important;
  text-align: center !important;
}

body.groups #buddypress #groups-list .item-title a,
body.directory.groups #buddypress #groups-list .item-title a,
body.buddypress.groups #buddypress #groups-list .item-title a,
body.groups .buddypress-wrap #groups-list .item-title a,
body.directory.groups .buddypress-wrap #groups-list .item-title a,
body.buddypress.groups .buddypress-wrap #groups-list .item-title a,
body.groups #buddypress .groups-list .item-title a,
body.directory.groups #buddypress .groups-list .item-title a,
body.buddypress.groups #buddypress .groups-list .item-title a,
body.groups #buddypress #groups-list .list-title a,
body.directory.groups #buddypress #groups-list .list-title a,
body.buddypress.groups #buddypress #groups-list .list-title a {
  display: block !important;
  color: #1C1E21 !important;
  font-size: 25px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  text-align: center !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Métas */
body.groups #buddypress #groups-list .item-meta,
body.directory.groups #buddypress #groups-list .item-meta,
body.buddypress.groups #buddypress #groups-list .item-meta,
body.groups .buddypress-wrap #groups-list .item-meta,
body.directory.groups .buddypress-wrap #groups-list .item-meta,
body.buddypress.groups .buddypress-wrap #groups-list .item-meta,
body.groups #buddypress .groups-list .item-meta,
body.directory.groups #buddypress .groups-list .item-meta,
body.buddypress.groups #buddypress .groups-list .item-meta,
body.groups #buddypress #groups-list .activity,
body.directory.groups #buddypress #groups-list .activity,
body.buddypress.groups #buddypress #groups-list .activity {
  color: #65676B !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 14px !important;
  text-align: center !important;
}

/* Descriptions */
body.groups #buddypress #groups-list .item-desc,
body.directory.groups #buddypress #groups-list .item-desc,
body.buddypress.groups #buddypress #groups-list .item-desc,
body.groups .buddypress-wrap #groups-list .item-desc,
body.directory.groups .buddypress-wrap #groups-list .item-desc,
body.buddypress.groups .buddypress-wrap #groups-list .item-desc {
  color: #4B5563 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

/* Actions */
body.groups #buddypress #groups-list .action,
body.directory.groups #buddypress #groups-list .action,
body.buddypress.groups #buddypress #groups-list .action,
body.groups .buddypress-wrap #groups-list .action,
body.directory.groups .buddypress-wrap #groups-list .action,
body.buddypress.groups .buddypress-wrap #groups-list .action,
body.groups #buddypress .groups-list .action,
body.directory.groups #buddypress .groups-list .action,
body.buddypress.groups #buddypress .groups-list .action {
  width: 100% !important;
  padding: 0 24px 24px !important;
  margin: 0 !important;
}

/* Boutons groupe */
body.groups #buddypress #groups-list .action a,
body.directory.groups #buddypress #groups-list .action a,
body.buddypress.groups #buddypress #groups-list .action a,
body.groups .buddypress-wrap #groups-list .action a,
body.directory.groups .buddypress-wrap #groups-list .action a,
body.buddypress.groups .buddypress-wrap #groups-list .action a,
body.groups #buddypress .groups-list .action a,
body.directory.groups #buddypress .groups-list .action a,
body.buddypress.groups #buddypress .groups-list .action a,
body.groups #buddypress #groups-list .button,
body.directory.groups #buddypress #groups-list .button,
body.buddypress.groups #buddypress #groups-list .button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 12px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 850 !important;
  font-size: 15px !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.groups #buddypress #groups-list .action a:hover,
body.directory.groups #buddypress #groups-list .action a:hover,
body.buddypress.groups #buddypress #groups-list .action a:hover,
body.groups .buddypress-wrap #groups-list .action a:hover,
body.directory.groups .buddypress-wrap #groups-list .action a:hover,
body.buddypress.groups .buddypress-wrap #groups-list .action a:hover,
body.groups #buddypress .groups-list .action a:hover,
body.directory.groups #buddypress .groups-list .action a:hover,
body.buddypress.groups #buddypress .groups-list .action a:hover {
  background: #1D4ED8 !important;
  color: #FFFFFF !important;
}

/* Pagination Groupes */
body.groups #buddypress .pagination,
body.directory.groups #buddypress .pagination,
body.buddypress.groups #buddypress .pagination,
body.groups .buddypress-wrap .pagination,
body.directory.groups .buddypress-wrap .pagination,
body.buddypress.groups .buddypress-wrap .pagination,
body.groups #buddypress .bp-pagination,
body.directory.groups #buddypress .bp-pagination,
body.buddypress.groups #buddypress .bp-pagination {
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  margin-top: 22px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

/* Responsive Groupes */
@media(max-width: 980px) {
  body.groups #buddypress #groups-list,
  body.directory.groups #buddypress #groups-list,
  body.buddypress.groups #buddypress #groups-list,
  body.groups .buddypress-wrap #groups-list,
  body.directory.groups .buddypress-wrap #groups-list,
  body.buddypress.groups .buddypress-wrap #groups-list,
  body.groups #buddypress .groups-list,
  body.directory.groups #buddypress .groups-list,
  body.buddypress.groups #buddypress .groups-list,
  body.groups .buddypress-wrap .groups-list,
  body.directory.groups .buddypress-wrap .groups-list,
  body.buddypress.groups .buddypress-wrap .groups-list {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width: 640px) {
  body.groups #primary,
  body.directory.groups #primary,
  body.buddypress.groups #primary,
  body.groups .site-main,
  body.directory.groups .site-main,
  body.buddypress.groups .site-main {
    padding: 16px 12px 40px !important;
  }

  body.groups .entry-title,
  body.directory.groups .entry-title,
  body.buddypress.groups .entry-title {
    font-size: 36px !important;
  }

  body.groups #buddypress input[type="search"],
  body.directory.groups #buddypress input[type="search"],
  body.buddypress.groups #buddypress input[type="search"],
  body.groups #buddypress input[type="text"],
  body.directory.groups #buddypress input[type="text"],
  body.buddypress.groups #buddypress input[type="text"],
  body.groups #buddypress select,
  body.directory.groups #buddypress select,
  body.buddypress.groups #buddypress select {
    width: 100% !important;
    min-width: 100% !important;
  }

  body.groups #buddypress #groups-list .item-title a,
  body.directory.groups #buddypress #groups-list .item-title a,
  body.buddypress.groups #buddypress #groups-list .item-title a {
    font-size: 22px !important;
  }
}


/* =====================================================
   RHEEMO - Correction fil d'Ariane pages communautaires
   ===================================================== */

body.groups .breadcrumb,
body.directory.groups .breadcrumb,
body.buddypress.groups .breadcrumb,
body.groups .buddyx-breadcrumbs,
body.directory.groups .buddyx-breadcrumbs,
body.buddypress.groups .buddyx-breadcrumbs,
body.groups .site-breadcrumb,
body.directory.groups .site-breadcrumb,
body.buddypress.groups .site-breadcrumb,
body.groups .breadcrumb-wrapper,
body.directory.groups .breadcrumb-wrapper,
body.buddypress.groups .breadcrumb-wrapper,
body.groups .page-title-breadcrumb,
body.directory.groups .page-title-breadcrumb,
body.buddypress.groups .page-title-breadcrumb,
body.groups .rank-math-breadcrumb,
body.directory.groups .rank-math-breadcrumb,
body.buddypress.groups .rank-math-breadcrumb {
  display: none !important;
}

/* =====================================================
   6) PAGE ACTIVITÉS DU SITE - VERSION STABLE 1.1.1
   Objectif : garder la structure BuddyPress propre, sans casser l’éditeur
   ===================================================== */

body.activity,
body.bp-activity,
body.buddypress.activity,
body.activity-dir,
body.page-slug-activites-du-site,
body[class*="activites-du-site"] {
  background: #F0F2F5 !important;
}

/* Page centrée et sans colonne parasite */
body.activity #secondary,
body.bp-activity #secondary,
body.buddypress.activity #secondary,
body.activity-dir #secondary,
body.page-slug-activites-du-site #secondary,
body[class*="activites-du-site"] #secondary,
body.activity .widget-area,
body.bp-activity .widget-area,
body.buddypress.activity .widget-area,
body.activity-dir .widget-area,
body.page-slug-activites-du-site .widget-area,
body[class*="activites-du-site"] .widget-area {
  display: none !important;
}

body.activity #primary,
body.bp-activity #primary,
body.buddypress.activity #primary,
body.activity-dir #primary,
body.page-slug-activites-du-site #primary,
body[class*="activites-du-site"] #primary,
body.activity .site-main,
body.bp-activity .site-main,
body.buddypress.activity .site-main,
body.activity-dir .site-main,
body.page-slug-activites-du-site .site-main,
body[class*="activites-du-site"] .site-main {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 24px 18px 70px !important;
}

/* Titre simple */
body.activity .entry-header,
body.bp-activity .entry-header,
body.buddypress.activity .entry-header,
body.activity-dir .entry-header,
body.page-slug-activites-du-site .entry-header,
body[class*="activites-du-site"] .entry-header,
body.activity .page-header,
body.bp-activity .page-header,
body.buddypress.activity .page-header,
body.activity-dir .page-header,
body.page-slug-activites-du-site .page-header,
body[class*="activites-du-site"] .page-header,
body.activity .site-sub-header,
body.bp-activity .site-sub-header,
body.buddypress.activity .site-sub-header,
body.activity-dir .site-sub-header,
body.page-slug-activites-du-site .site-sub-header,
body[class*="activites-du-site"] .site-sub-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 18px 0 22px !important;
  margin: 0 !important;
  text-align: left !important;
}

body.activity .entry-title,
body.bp-activity .entry-title,
body.buddypress.activity .entry-title,
body.activity-dir .entry-title,
body.page-slug-activites-du-site .entry-title,
body[class*="activites-du-site"] .entry-title,
body.activity .page-title,
body.bp-activity .page-title,
body.buddypress.activity .page-title,
body.activity-dir .page-title,
body.page-slug-activites-du-site .page-title,
body[class*="activites-du-site"] .page-title {
  color: #050B2B !important;
  font-size: clamp(34px, 4vw, 50px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
}

/* Breadcrumbs masqués */
body.activity .breadcrumb,
body.bp-activity .breadcrumb,
body.buddypress.activity .breadcrumb,
body.activity-dir .breadcrumb,
body.page-slug-activites-du-site .breadcrumb,
body[class*="activites-du-site"] .breadcrumb,
body.activity .buddyx-breadcrumbs,
body.bp-activity .buddyx-breadcrumbs,
body.buddypress.activity .buddyx-breadcrumbs,
body.activity-dir .buddyx-breadcrumbs,
body.page-slug-activites-du-site .buddyx-breadcrumbs,
body[class*="activites-du-site"] .buddyx-breadcrumbs,
body.activity .rank-math-breadcrumb,
body.bp-activity .rank-math-breadcrumb,
body.buddypress.activity .rank-math-breadcrumb,
body.activity-dir .rank-math-breadcrumb,
body.page-slug-activites-du-site .rank-math-breadcrumb,
body[class*="activites-du-site"] .rank-math-breadcrumb {
  display: none !important;
}

/* Zone BuddyPress : ne pas forcer de grille complexe */
body.activity #buddypress,
body.bp-activity #buddypress,
body.buddypress.activity #buddypress,
body.activity-dir #buddypress,
body.page-slug-activites-du-site #buddypress,
body[class*="activites-du-site"] #buddypress,
body.activity .buddypress-wrap,
body.bp-activity .buddypress-wrap,
body.buddypress.activity .buddypress-wrap,
body.activity-dir .buddypress-wrap,
body.page-slug-activites-du-site .buddypress-wrap,
body[class*="activites-du-site"] .buddypress-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

body.activity #buddypress .screen-content,
body.bp-activity #buddypress .screen-content,
body.buddypress.activity #buddypress .screen-content,
body.activity-dir #buddypress .screen-content,
body.page-slug-activites-du-site #buddypress .screen-content,
body[class*="activites-du-site"] #buddypress .screen-content,
body.activity .buddypress-wrap .screen-content,
body.bp-activity .buddypress-wrap .screen-content,
body.buddypress.activity .buddypress-wrap .screen-content,
body.activity-dir .buddypress-wrap .screen-content,
body.page-slug-activites-du-site .buddypress-wrap .screen-content,
body[class*="activites-du-site"] .buddypress-wrap .screen-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* Formulaire de publication : stable et lisible */
body.activity #whats-new-form,
body.bp-activity #whats-new-form,
body.buddypress.activity #whats-new-form,
body.activity-dir #whats-new-form,
body.page-slug-activites-du-site #whats-new-form,
body[class*="activites-du-site"] #whats-new-form,
body.activity .activity-update-form,
body.bp-activity .activity-update-form,
body.buddypress.activity .activity-update-form,
body.activity-dir .activity-update-form,
body.page-slug-activites-du-site .activity-update-form,
body[class*="activites-du-site"] .activity-update-form {
  display: block !important;
  width: 100% !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 20px !important;
  padding: 18px !important;
  margin: 0 0 18px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 12px 28px rgba(16,24,40,.04) !important;
  overflow: visible !important;
}

body.activity #whats-new-form::after,
body.bp-activity #whats-new-form::after,
body.buddypress.activity #whats-new-form::after,
body.activity-dir #whats-new-form::after,
body.page-slug-activites-du-site #whats-new-form::after,
body[class*="activites-du-site"] #whats-new-form::after {
  content: "";
  display: block;
  clear: both;
}

body.activity #whats-new-avatar,
body.bp-activity #whats-new-avatar,
body.buddypress.activity #whats-new-avatar,
body.activity-dir #whats-new-avatar,
body.page-slug-activites-du-site #whats-new-avatar,
body[class*="activites-du-site"] #whats-new-avatar {
  float: left !important;
  width: 58px !important;
  margin: 0 16px 0 0 !important;
}

body.activity #whats-new-avatar img,
body.bp-activity #whats-new-avatar img,
body.buddypress.activity #whats-new-avatar img,
body.activity-dir #whats-new-avatar img,
body.page-slug-activites-du-site #whats-new-avatar img,
body[class*="activites-du-site"] #whats-new-avatar img {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 3px solid #FFFFFF !important;
  box-shadow: 0 8px 18px rgba(16,24,40,.13) !important;
}

body.activity #whats-new-content,
body.bp-activity #whats-new-content,
body.buddypress.activity #whats-new-content,
body.activity-dir #whats-new-content,
body.page-slug-activites-du-site #whats-new-content,
body[class*="activites-du-site"] #whats-new-content,
body.activity #whats-new-textarea,
body.bp-activity #whats-new-textarea,
body.buddypress.activity #whats-new-textarea,
body.activity-dir #whats-new-textarea,
body.page-slug-activites-du-site #whats-new-textarea,
body[class*="activites-du-site"] #whats-new-textarea {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 0 74px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.activity #whats-new,
body.bp-activity #whats-new,
body.buddypress.activity #whats-new,
body.activity-dir #whats-new,
body.page-slug-activites-du-site #whats-new,
body[class*="activites-du-site"] #whats-new,
body.activity textarea[name="whats-new"],
body.bp-activity textarea[name="whats-new"],
body.buddypress.activity textarea[name="whats-new"],
body.activity-dir textarea[name="whats-new"],
body.page-slug-activites-du-site textarea[name="whats-new"],
body[class*="activites-du-site"] textarea[name="whats-new"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  min-height: 82px !important;
  max-height: none !important;
  border-radius: 18px !important;
  border: 1px solid #DFE3E8 !important;
  background: #F7F8FA !important;
  padding: 16px 18px !important;
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  box-shadow: none !important;
  outline: none !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}

body.activity #whats-new:focus,
body.bp-activity #whats-new:focus,
body.buddypress.activity #whats-new:focus,
body.activity-dir #whats-new:focus,
body.page-slug-activites-du-site #whats-new:focus,
body[class*="activites-du-site"] #whats-new:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

body.activity #whats-new-options,
body.bp-activity #whats-new-options,
body.buddypress.activity #whats-new-options,
body.activity-dir #whats-new-options,
body.page-slug-activites-du-site #whats-new-options,
body[class*="activites-du-site"] #whats-new-options {
  clear: both !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid #EEF0F4 !important;
  background: transparent !important;
}

body.activity #aw-whats-new-submit,
body.bp-activity #aw-whats-new-submit,
body.buddypress.activity #aw-whats-new-submit,
body.activity-dir #aw-whats-new-submit,
body.page-slug-activites-du-site #aw-whats-new-submit,
body[class*="activites-du-site"] #aw-whats-new-submit,
body.activity #whats-new-submit input,
body.bp-activity #whats-new-submit input,
body.buddypress.activity #whats-new-submit input,
body.activity-dir #whats-new-submit input,
body.page-slug-activites-du-site #whats-new-submit input,
body[class*="activites-du-site"] #whats-new-submit input,
body.activity #whats-new-submit button,
body.bp-activity #whats-new-submit button,
body.buddypress.activity #whats-new-submit button,
body.activity-dir #whats-new-submit button,
body.page-slug-activites-du-site #whats-new-submit button,
body[class*="activites-du-site"] #whats-new-submit button {
  border: none !important;
  border-radius: 12px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 850 !important;
  font-size: 15px !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Onglets activité */
body.activity .bp-navs,
body.bp-activity .bp-navs,
body.buddypress.activity .bp-navs,
body.activity-dir .bp-navs,
body.page-slug-activites-du-site .bp-navs,
body[class*="activites-du-site"] .bp-navs,
body.activity .item-list-tabs,
body.bp-activity .item-list-tabs,
body.buddypress.activity .item-list-tabs,
body.activity-dir .item-list-tabs,
body.page-slug-activites-du-site .item-list-tabs,
body[class*="activites-du-site"] .item-list-tabs {
  display: block !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 12px !important;
  margin: 0 0 18px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

body.activity .bp-navs ul,
body.bp-activity .bp-navs ul,
body.buddypress.activity .bp-navs ul,
body.activity-dir .bp-navs ul,
body.page-slug-activites-du-site .bp-navs ul,
body[class*="activites-du-site"] .bp-navs ul,
body.activity .item-list-tabs ul,
body.bp-activity .item-list-tabs ul,
body.buddypress.activity .item-list-tabs ul,
body.activity-dir .item-list-tabs ul,
body.page-slug-activites-du-site .item-list-tabs ul,
body[class*="activites-du-site"] .item-list-tabs ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.activity .bp-navs li,
body.bp-activity .bp-navs li,
body.buddypress.activity .bp-navs li,
body.activity-dir .bp-navs li,
body.page-slug-activites-du-site .bp-navs li,
body[class*="activites-du-site"] .bp-navs li,
body.activity .item-list-tabs li,
body.bp-activity .item-list-tabs li,
body.buddypress.activity .item-list-tabs li,
body.activity-dir .item-list-tabs li,
body.page-slug-activites-du-site .item-list-tabs li,
body[class*="activites-du-site"] .item-list-tabs li {
  list-style: none !important;
  margin: 0 !important;
}

body.activity .bp-navs a,
body.bp-activity .bp-navs a,
body.buddypress.activity .bp-navs a,
body.activity-dir .bp-navs a,
body.page-slug-activites-du-site .bp-navs a,
body[class*="activites-du-site"] .bp-navs a,
body.activity .item-list-tabs a,
body.bp-activity .item-list-tabs a,
body.buddypress.activity .item-list-tabs a,
body.activity-dir .item-list-tabs a,
body.page-slug-activites-du-site .item-list-tabs a,
body[class*="activites-du-site"] .item-list-tabs a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #1F2937 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.activity .bp-navs li.selected > a,
body.bp-activity .bp-navs li.selected > a,
body.buddypress.activity .bp-navs li.selected > a,
body.activity-dir .bp-navs li.selected > a,
body.page-slug-activites-du-site .bp-navs li.selected > a,
body[class*="activites-du-site"] .bp-navs li.selected > a,
body.activity .bp-navs li.current > a,
body.bp-activity .bp-navs li.current > a,
body.buddypress.activity .bp-navs li.current > a,
body.activity-dir .bp-navs li.current > a,
body.page-slug-activites-du-site .bp-navs li.current > a,
body[class*="activites-du-site"] .bp-navs li.current > a,
body.activity .item-list-tabs li.selected > a,
body.bp-activity .item-list-tabs li.selected > a,
body.buddypress.activity .item-list-tabs li.selected > a,
body.activity-dir .item-list-tabs li.selected > a,
body.page-slug-activites-du-site .item-list-tabs li.selected > a,
body[class*="activites-du-site"] .item-list-tabs li.selected > a,
body.activity .item-list-tabs li.current > a,
body.bp-activity .item-list-tabs li.current > a,
body.buddypress.activity .item-list-tabs li.current > a,
body.activity-dir .item-list-tabs li.current > a,
body.page-slug-activites-du-site .item-list-tabs li.current > a,
body[class*="activites-du-site"] .item-list-tabs li.current > a {
  background: #2563EB !important;
  color: #FFFFFF !important;
}

body.activity .count,
body.bp-activity .count,
body.buddypress.activity .count,
body.activity-dir .count,
body.page-slug-activites-du-site .count,
body[class*="activites-du-site"] .count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #EEF0F4 !important;
  color: #5B6475 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-left: 6px !important;
}

body.activity li.selected .count,
body.bp-activity li.selected .count,
body.buddypress.activity li.selected .count,
body.activity-dir li.selected .count,
body.page-slug-activites-du-site li.selected .count,
body[class*="activites-du-site"] li.selected .count,
body.activity li.current .count,
body.bp-activity li.current .count,
body.buddypress.activity li.current .count,
body.activity-dir li.current .count,
body.page-slug-activites-du-site li.current .count,
body[class*="activites-du-site"] li.current .count {
  background: #FFFFFF !important;
  color: #2563EB !important;
}

/* Filtres */
body.activity .subnav-filters,
body.bp-activity .subnav-filters,
body.buddypress.activity .subnav-filters,
body.activity-dir .subnav-filters,
body.page-slug-activites-du-site .subnav-filters,
body[class*="activites-du-site"] .subnav-filters,
body.activity .dir-search,
body.bp-activity .dir-search,
body.buddypress.activity .dir-search,
body.activity-dir .dir-search,
body.page-slug-activites-du-site .dir-search,
body[class*="activites-du-site"] .dir-search {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  margin: 0 0 18px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
  position: static !important;
}

body.activity .feed,
body.bp-activity .feed,
body.buddypress.activity .feed,
body.activity-dir .feed,
body.page-slug-activites-du-site .feed,
body[class*="activites-du-site"] .feed,
body.activity .activity-rss,
body.bp-activity .activity-rss,
body.buddypress.activity .activity-rss,
body.activity-dir .activity-rss,
body.page-slug-activites-du-site .activity-rss,
body[class*="activites-du-site"] .activity-rss {
  display: none !important;
}

body.activity #buddypress input[type="search"],
body.bp-activity #buddypress input[type="search"],
body.buddypress.activity #buddypress input[type="search"],
body.activity-dir #buddypress input[type="search"],
body.page-slug-activites-du-site #buddypress input[type="search"],
body[class*="activites-du-site"] #buddypress input[type="search"],
body.activity #buddypress input[type="text"],
body.bp-activity #buddypress input[type="text"],
body.buddypress.activity #buddypress input[type="text"],
body.activity-dir #buddypress input[type="text"],
body.page-slug-activites-du-site #buddypress input[type="text"],
body[class*="activites-du-site"] #buddypress input[type="text"],
body.activity #buddypress select,
body.bp-activity #buddypress select,
body.buddypress.activity #buddypress select,
body.activity-dir #buddypress select,
body.page-slug-activites-du-site #buddypress select,
body[class*="activites-du-site"] #buddypress select {
  height: 46px !important;
  min-width: 220px !important;
  border-radius: 13px !important;
  border: 1px solid #DFE3E8 !important;
  background: #F7F8FA !important;
  color: #111827 !important;
  padding: 0 15px !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
}

/* Liste et cartes d'activités : structure naturelle */
body.activity .activity-list,
body.bp-activity .activity-list,
body.buddypress.activity .activity-list,
body.activity-dir .activity-list,
body.page-slug-activites-du-site .activity-list,
body[class*="activites-du-site"] .activity-list,
body.activity ul.activity-list,
body.bp-activity ul.activity-list,
body.buddypress.activity ul.activity-list,
body.activity-dir ul.activity-list,
body.page-slug-activites-du-site ul.activity-list,
body[class*="activites-du-site"] ul.activity-list {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.activity .activity-list > li,
body.bp-activity .activity-list > li,
body.buddypress.activity .activity-list > li,
body.activity-dir .activity-list > li,
body.page-slug-activites-du-site .activity-list > li,
body[class*="activites-du-site"] .activity-list > li,
body.activity .activity-item,
body.bp-activity .activity-item,
body.buddypress.activity .activity-item,
body.activity-dir .activity-item,
body.page-slug-activites-du-site .activity-item,
body[class*="activites-du-site"] .activity-item {
  display: block !important;
  position: relative !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E6EB !important;
  border-radius: 18px !important;
  padding: 18px !important;
  margin: 0 0 16px !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 10px 24px rgba(16,24,40,.04) !important;
  overflow: visible !important;
}

body.activity .activity-list > li::after,
body.bp-activity .activity-list > li::after,
body.buddypress.activity .activity-list > li::after,
body.activity-dir .activity-list > li::after,
body.page-slug-activites-du-site .activity-list > li::after,
body[class*="activites-du-site"] .activity-list > li::after,
body.activity .activity-item::after,
body.bp-activity .activity-item::after,
body.buddypress.activity .activity-item::after,
body.activity-dir .activity-item::after,
body.page-slug-activites-du-site .activity-item::after,
body[class*="activites-du-site"] .activity-item::after {
  content: "";
  display: block;
  clear: both;
}

body.activity .activity-list > li > h2,
body.bp-activity .activity-list > li > h2,
body.buddypress.activity .activity-list > li > h2,
body.activity-dir .activity-list > li > h2,
body.page-slug-activites-du-site .activity-list > li > h2,
body[class*="activites-du-site"] .activity-list > li > h2,
body.activity .activity-list > li > h3,
body.bp-activity .activity-list > li > h3,
body.buddypress.activity .activity-list > li > h3,
body.activity-dir .activity-list > li > h3,
body.page-slug-activites-du-site .activity-list > li > h3,
body[class*="activites-du-site"] .activity-list > li > h3 {
  display: none !important;
}

body.activity .activity-avatar,
body.bp-activity .activity-avatar,
body.buddypress.activity .activity-avatar,
body.activity-dir .activity-avatar,
body.page-slug-activites-du-site .activity-avatar,
body[class*="activites-du-site"] .activity-avatar {
  float: left !important;
  position: static !important;
  width: 54px !important;
  margin: 0 14px 10px 0 !important;
}

body.activity .activity-avatar img,
body.bp-activity .activity-avatar img,
body.buddypress.activity .activity-avatar img,
body.activity-dir .activity-avatar img,
body.page-slug-activites-du-site .activity-avatar img,
body[class*="activites-du-site"] .activity-avatar img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 3px solid #FFFFFF !important;
  box-shadow: 0 7px 16px rgba(16,24,40,.12) !important;
}

body.activity .activity-content,
body.bp-activity .activity-content,
body.buddypress.activity .activity-content,
body.activity-dir .activity-content,
body.page-slug-activites-du-site .activity-content,
body[class*="activites-du-site"] .activity-content {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  min-height: 58px !important;
}

body.activity .activity-header,
body.bp-activity .activity-header,
body.buddypress.activity .activity-header,
body.activity-dir .activity-header,
body.page-slug-activites-du-site .activity-header,
body[class*="activites-du-site"] .activity-header {
  color: #65676B !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 10px !important;
}

body.activity .activity-header a,
body.bp-activity .activity-header a,
body.buddypress.activity .activity-header a,
body.activity-dir .activity-header a,
body.page-slug-activites-du-site .activity-header a,
body[class*="activites-du-site"] .activity-header a {
  color: #1C1E21 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.activity .activity-inner,
body.bp-activity .activity-inner,
body.buddypress.activity .activity-inner,
body.activity-dir .activity-inner,
body.page-slug-activites-du-site .activity-inner,
body[class*="activites-du-site"] .activity-inner {
  color: #1F2937 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

body.activity .activity-meta,
body.bp-activity .activity-meta,
body.buddypress.activity .activity-meta,
body.activity-dir .activity-meta,
body.page-slug-activites-du-site .activity-meta,
body[class*="activites-du-site"] .activity-meta {
  clear: both !important;
  margin: 16px 0 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid #E4E6EB !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.activity .activity-meta a,
body.bp-activity .activity-meta a,
body.buddypress.activity .activity-meta a,
body.activity-dir .activity-meta a,
body.page-slug-activites-du-site .activity-meta a,
body[class*="activites-du-site"] .activity-meta a,
body.activity .activity-meta button,
body.bp-activity .activity-meta button,
body.buddypress.activity .activity-meta button,
body.activity-dir .activity-meta button,
body.page-slug-activites-du-site .activity-meta button,
body[class*="activites-du-site"] .activity-meta button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #65676B !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

body.activity .activity-meta a:hover,
body.bp-activity .activity-meta a:hover,
body.buddypress.activity .activity-meta a:hover,
body.activity-dir .activity-meta a:hover,
body.page-slug-activites-du-site .activity-meta a:hover,
body[class*="activites-du-site"] .activity-meta a:hover,
body.activity .activity-meta button:hover,
body.bp-activity .activity-meta button:hover,
body.buddypress.activity .activity-meta button:hover,
body.activity-dir .activity-meta button:hover,
body.page-slug-activites-du-site .activity-meta button:hover,
body[class*="activites-du-site"] .activity-meta button:hover {
  background: #F0F2F5 !important;
  color: #2563EB !important;
}

body.activity .activity-comments,
body.bp-activity .activity-comments,
body.buddypress.activity .activity-comments,
body.activity-dir .activity-comments,
body.page-slug-activites-du-site .activity-comments,
body[class*="activites-du-site"] .activity-comments {
  clear: both !important;
  background: #F8FAFC !important;
  border-top: 1px solid #E4E6EB !important;
  margin: 16px -18px -18px !important;
  padding: 16px 18px !important;
}

@media(max-width: 640px) {
  body.activity #primary,
  body.bp-activity #primary,
  body.buddypress.activity #primary,
  body.activity-dir #primary,
  body.page-slug-activites-du-site #primary,
  body[class*="activites-du-site"] #primary,
  body.activity .site-main,
  body.bp-activity .site-main,
  body.buddypress.activity .site-main,
  body.activity-dir .site-main,
  body.page-slug-activites-du-site .site-main,
  body[class*="activites-du-site"] .site-main {
    padding: 16px 12px 40px !important;
  }

  body.activity #whats-new-avatar,
  body.bp-activity #whats-new-avatar,
  body.buddypress.activity #whats-new-avatar,
  body.activity-dir #whats-new-avatar,
  body.page-slug-activites-du-site #whats-new-avatar,
  body[class*="activites-du-site"] #whats-new-avatar {
    float: none !important;
    margin: 0 0 12px !important;
  }

  body.activity #whats-new-content,
  body.bp-activity #whats-new-content,
  body.buddypress.activity #whats-new-content,
  body.activity-dir #whats-new-content,
  body.page-slug-activites-du-site #whats-new-content,
  body[class*="activites-du-site"] #whats-new-content,
  body.activity #whats-new-textarea,
  body.bp-activity #whats-new-textarea,
  body.buddypress.activity #whats-new-textarea,
  body.activity-dir #whats-new-textarea,
  body.page-slug-activites-du-site #whats-new-textarea,
  body[class*="activites-du-site"] #whats-new-textarea {
    margin-left: 0 !important;
  }

  body.activity .subnav-filters,
  body.bp-activity .subnav-filters,
  body.buddypress.activity .subnav-filters,
  body.activity-dir .subnav-filters,
  body.page-slug-activites-du-site .subnav-filters,
  body[class*="activites-du-site"] .subnav-filters {
    display: block !important;
  }

  body.activity #buddypress input[type="search"],
  body.bp-activity #buddypress input[type="search"],
  body.buddypress.activity #buddypress input[type="search"],
  body.activity-dir #buddypress input[type="search"],
  body.page-slug-activites-du-site #buddypress input[type="search"],
  body[class*="activites-du-site"] #buddypress input[type="search"],
  body.activity #buddypress select,
  body.bp-activity #buddypress select,
  body.buddypress.activity #buddypress select,
  body.activity-dir #buddypress select,
  body.page-slug-activites-du-site #buddypress select,
  body[class*="activites-du-site"] #buddypress select {
    width: 100% !important;
    min-width: 100% !important;
    margin-bottom: 10px !important;
  }
}

/* =====================================================
   RHEEMO - ACTIVITÉS STABILISATION 1.1.2
   Corrige l'espace vide, les pastilles et renforce le fil
   ===================================================== */

/* Agrandir réellement la zone de travail de /activites-du-site/ */
body.activity #primary,
body.bp-activity #primary,
body.buddypress.activity #primary,
body.activity-dir #primary,
body.page-slug-activites-du-site #primary,
body[class*="activites-du-site"] #primary,
body.activity .content-area,
body.bp-activity .content-area,
body.buddypress.activity .content-area,
body.activity-dir .content-area,
body.page-slug-activites-du-site .content-area,
body[class*="activites-du-site"] .content-area,
body.activity .site-main,
body.bp-activity .site-main,
body.buddypress.activity .site-main,
body.activity-dir .site-main,
body.page-slug-activites-du-site .site-main,
body[class*="activites-du-site"] .site-main {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  flex: 0 0 100% !important;
}

/* Éviter que le thème garde une colonne vide à droite */
body.activity .site-content,
body.bp-activity .site-content,
body.buddypress.activity .site-content,
body.activity-dir .site-content,
body.page-slug-activites-du-site .site-content,
body[class*="activites-du-site"] .site-content,
body.activity .site-content .container,
body.bp-activity .site-content .container,
body.buddypress.activity .site-content .container,
body.activity-dir .site-content .container,
body.page-slug-activites-du-site .site-content .container,
body[class*="activites-du-site"] .site-content .container {
  display: block !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Garder la sidebar droite cachée, mais sans réserver son espace */
body.activity #secondary,
body.bp-activity #secondary,
body.buddypress.activity #secondary,
body.activity-dir #secondary,
body.page-slug-activites-du-site #secondary,
body[class*="activites-du-site"] #secondary,
body.activity .widget-area,
body.bp-activity .widget-area,
body.buddypress.activity .widget-area,
body.activity-dir .widget-area,
body.page-slug-activites-du-site .widget-area,
body[class*="activites-du-site"] .widget-area {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Titre plus compact et plus social */
body.activity .entry-header,
body.bp-activity .entry-header,
body.buddypress.activity .entry-header,
body.activity-dir .entry-header,
body.page-slug-activites-du-site .entry-header,
body[class*="activites-du-site"] .entry-header,
body.activity .page-header,
body.bp-activity .page-header,
body.buddypress.activity .page-header,
body.activity-dir .page-header,
body.page-slug-activites-du-site .page-header,
body[class*="activites-du-site"] .page-header,
body.activity .site-sub-header,
body.bp-activity .site-sub-header,
body.buddypress.activity .site-sub-header,
body.activity-dir .site-sub-header,
body.page-slug-activites-du-site .site-sub-header,
body[class*="activites-du-site"] .site-sub-header {
  max-width: 1080px !important;
  margin: 0 auto 18px !important;
  padding: 18px 0 8px !important;
  background: transparent !important;
  text-align: left !important;
}

body.activity .entry-header::after,
body.bp-activity .entry-header::after,
body.buddypress.activity .entry-header::after,
body.activity-dir .entry-header::after,
body.page-slug-activites-du-site .entry-header::after,
body[class*="activites-du-site"] .entry-header::after,
body.activity .page-header::after,
body.bp-activity .page-header::after,
body.buddypress.activity .page-header::after,
body.activity-dir .page-header::after,
body.page-slug-activites-du-site .page-header::after,
body[class*="activites-du-site"] .page-header::after {
  content: "Publiez, échangez et suivez les nouvelles interactions de votre communauté Rheemo.";
  display: block !important;
  max-width: 720px !important;
  margin-top: 10px !important;
  color: #667085 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
}

/* Zone BuddyPress centrée et plus large */
body.activity #buddypress,
body.bp-activity #buddypress,
body.buddypress.activity #buddypress,
body.activity-dir #buddypress,
body.page-slug-activites-du-site #buddypress,
body[class*="activites-du-site"] #buddypress,
body.activity .buddypress-wrap,
body.bp-activity .buddypress-wrap,
body.buddypress.activity .buddypress-wrap,
body.activity-dir .buddypress-wrap,
body.page-slug-activites-du-site .buddypress-wrap,
body[class*="activites-du-site"] .buddypress-wrap {
  max-width: 1080px !important;
  margin: 0 auto !important;
}

/* Désactiver les grilles trop complexes restantes */
body.activity #buddypress .screen-content,
body.bp-activity #buddypress .screen-content,
body.buddypress.activity #buddypress .screen-content,
body.activity-dir #buddypress .screen-content,
body.page-slug-activites-du-site #buddypress .screen-content,
body[class*="activites-du-site"] #buddypress .screen-content,
body.activity .buddypress-wrap .screen-content,
body.bp-activity .buddypress-wrap .screen-content,
body.buddypress.activity .buddypress-wrap .screen-content,
body.activity-dir .buddypress-wrap .screen-content,
body.page-slug-activites-du-site .buddypress-wrap .screen-content,
body[class*="activites-du-site"] .buddypress-wrap .screen-content {
  display: block !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
}

/* Formulaire de publication mieux proportionné */
body.activity #whats-new-form,
body.bp-activity #whats-new-form,
body.buddypress.activity #whats-new-form,
body.activity-dir #whats-new-form,
body.page-slug-activites-du-site #whats-new-form,
body[class*="activites-du-site"] #whats-new-form,
body.activity .activity-update-form,
body.bp-activity .activity-update-form,
body.buddypress.activity .activity-update-form,
body.activity-dir .activity-update-form,
body.page-slug-activites-du-site .activity-update-form,
body[class*="activites-du-site"] .activity-update-form {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto 20px !important;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid #e4e6eb !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 14px 34px rgba(16,24,40,.05) !important;
}

body.activity #whats-new-content,
body.bp-activity #whats-new-content,
body.buddypress.activity #whats-new-content,
body.activity-dir #whats-new-content,
body.page-slug-activites-du-site #whats-new-content,
body[class*="activites-du-site"] #whats-new-content {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
}

body.activity #whats-new-textarea,
body.bp-activity #whats-new-textarea,
body.buddypress.activity #whats-new-textarea,
body.activity-dir #whats-new-textarea,
body.page-slug-activites-du-site #whats-new-textarea,
body[class*="activites-du-site"] #whats-new-textarea {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

body.activity #whats-new,
body.bp-activity #whats-new,
body.buddypress.activity #whats-new,
body.activity-dir #whats-new,
body.page-slug-activites-du-site #whats-new,
body[class*="activites-du-site"] #whats-new,
body.activity textarea[name="whats-new"],
body.bp-activity textarea[name="whats-new"],
body.buddypress.activity textarea[name="whats-new"],
body.activity-dir textarea[name="whats-new"],
body.page-slug-activites-du-site textarea[name="whats-new"],
body[class*="activites-du-site"] textarea[name="whats-new"] {
  width: 100% !important;
  min-height: 74px !important;
  max-height: 180px !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  overflow-y: auto !important;
}

/* Options de publication */
body.activity #whats-new-options,
body.bp-activity #whats-new-options,
body.buddypress.activity #whats-new-options,
body.activity-dir #whats-new-options,
body.page-slug-activites-du-site #whats-new-options,
body[class*="activites-du-site"] #whats-new-options {
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid #edf0f3 !important;
}

body.activity #whats-new-submit,
body.bp-activity #whats-new-submit,
body.buddypress.activity #whats-new-submit,
body.activity-dir #whats-new-submit,
body.page-slug-activites-du-site #whats-new-submit,
body[class*="activites-du-site"] #whats-new-submit {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

/* Barre d'onglets : supprimer les pastilles vides */
body.activity .bp-navs,
body.bp-activity .bp-navs,
body.buddypress.activity .bp-navs,
body.activity-dir .bp-navs,
body.page-slug-activites-du-site .bp-navs,
body[class*="activites-du-site"] .bp-navs,
body.activity .item-list-tabs,
body.bp-activity .item-list-tabs,
body.buddypress.activity .item-list-tabs,
body.activity-dir .item-list-tabs,
body.page-slug-activites-du-site .item-list-tabs,
body[class*="activites-du-site"] .item-list-tabs {
  max-width: 980px !important;
  margin: 0 auto 18px !important;
}

body.activity .bp-navs .count,
body.bp-activity .bp-navs .count,
body.buddypress.activity .bp-navs .count,
body.activity-dir .bp-navs .count,
body.page-slug-activites-du-site .bp-navs .count,
body[class*="activites-du-site"] .bp-navs .count,
body.activity .item-list-tabs .count,
body.bp-activity .item-list-tabs .count,
body.buddypress.activity .item-list-tabs .count,
body.activity-dir .item-list-tabs .count,
body.page-slug-activites-du-site .item-list-tabs .count,
body[class*="activites-du-site"] .item-list-tabs .count {
  display: none !important;
}

/* Filtres : barre horizontale propre */
body.activity .subnav-filters,
body.bp-activity .subnav-filters,
body.buddypress.activity .subnav-filters,
body.activity-dir .subnav-filters,
body.page-slug-activites-du-site .subnav-filters,
body[class*="activites-du-site"] .subnav-filters {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto 20px !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e4e6eb !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 10px 24px rgba(16,24,40,.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  position: static !important;
}

body.activity .subnav-filters > *,
body.bp-activity .subnav-filters > *,
body.buddypress.activity .subnav-filters > *,
body.activity-dir .subnav-filters > *,
body.page-slug-activites-du-site .subnav-filters > *,
body[class*="activites-du-site"] .subnav-filters > * {
  flex: 1 1 260px !important;
}

/* Liste des activités : plus large et propre */
body.activity .activity-list,
body.bp-activity .activity-list,
body.buddypress.activity .activity-list,
body.activity-dir .activity-list,
body.page-slug-activites-du-site .activity-list,
body[class*="activites-du-site"] .activity-list,
body.activity ul.activity-list,
body.bp-activity ul.activity-list,
body.buddypress.activity ul.activity-list,
body.activity-dir ul.activity-list,
body.page-slug-activites-du-site ul.activity-list,
body[class*="activites-du-site"] ul.activity-list {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.activity .activity-list > li,
body.bp-activity .activity-list > li,
body.buddypress.activity .activity-list > li,
body.activity-dir .activity-list > li,
body.page-slug-activites-du-site .activity-list > li,
body[class*="activites-du-site"] .activity-list > li,
body.activity .activity-item,
body.bp-activity .activity-item,
body.buddypress.activity .activity-item,
body.activity-dir .activity-item,
body.page-slug-activites-du-site .activity-item,
body[class*="activites-du-site"] .activity-item {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 20px !important;
}

/* Ajout d'une zone de rappel visuel quand le flux est encore pauvre */
body.activity .activity-list:empty::before,
body.bp-activity .activity-list:empty::before,
body.buddypress.activity .activity-list:empty::before,
body.activity-dir .activity-list:empty::before,
body.page-slug-activites-du-site .activity-list:empty::before,
body[class*="activites-du-site"] .activity-list:empty::before {
  content: "Le fil d’actualité Rheemo s’enrichira au fur et à mesure des publications, commentaires, groupes et interactions des membres.";
  display: block !important;
  padding: 24px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e4e6eb !important;
  color: #667085 !important;
  line-height: 1.7 !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

/* Responsive */
@media(max-width: 720px) {
  body.activity #whats-new-content,
  body.bp-activity #whats-new-content,
  body.buddypress.activity #whats-new-content,
  body.activity-dir #whats-new-content,
  body.page-slug-activites-du-site #whats-new-content,
  body[class*="activites-du-site"] #whats-new-content {
    display: block !important;
  }

  body.activity #whats-new-avatar,
  body.bp-activity #whats-new-avatar,
  body.buddypress.activity #whats-new-avatar,
  body.activity-dir #whats-new-avatar,
  body.page-slug-activites-du-site #whats-new-avatar,
  body[class*="activites-du-site"] #whats-new-avatar {
    margin-bottom: 12px !important;
  }
}