.elementor-4743 .elementor-element.elementor-element-91cbea5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4743 .elementor-element.elementor-element-902c38c .elementor-heading-title{font-size:129px;color:#FFFFFF;}.elementor-4743 .elementor-element.elementor-element-59ea805{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4743 .elementor-element.elementor-element-59ea805:not(.elementor-motion-effects-element-type-background), .elementor-4743 .elementor-element.elementor-element-59ea805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3EEFF;}.elementor-4743 .elementor-element.elementor-element-5c93ebf{text-align:center;}.elementor-4743 .elementor-element.elementor-element-152367d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4743 .elementor-element.elementor-element-152367d:not(.elementor-motion-effects-element-type-background), .elementor-4743 .elementor-element.elementor-element-152367d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3EEFF;}.elementor-4743 .elementor-element.elementor-element-e9763f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4743 .elementor-element.elementor-element-e9763f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4743 .elementor-element.elementor-element-e3801a9 #item-header-avatar .avatar{border-style:none;border-radius:32px 32px 32px 32px;}.elementor-4743 .elementor-element.elementor-element-eafb082{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4743 .elementor-element.elementor-element-eafb082.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4743 .elementor-element.elementor-element-fce41fd{width:var( --container-widget-width, 100.619% );max-width:100.619%;--container-widget-width:100.619%;--container-widget-flex-grow:0;}.elementor-4743 .elementor-element.elementor-element-fce41fd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4743 .elementor-element.elementor-element-c8b5119{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:30px 30px 30px 30px;}.elementor-4743 .elementor-element.elementor-element-c8b5119:not(.elementor-motion-effects-element-type-background), .elementor-4743 .elementor-element.elementor-element-c8b5119 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4743 .elementor-element.elementor-element-c8b5119.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4743 .elementor-element.elementor-element-7cba569{text-align:center;}.elementor-4743 .elementor-element.elementor-element-d077b5a div.activity{text-align:center;}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta.action{justify-content:center;align-items:center;}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta{display:flex;flex-wrap:wrap;}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta a, .elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta button{display:inline-flex;}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta.action div{margin-right:20px;margin-top:calc(17px / 2);margin-bottom:calc(17px / 2);}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta.action div:last-child{margin-right:0;}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta.action button{fill:#000000;color:#000000;background-color:#B7F7F5;border-style:none;border-radius:30px 30px 30px 30px;}.elementor-4743 .elementor-element.elementor-element-ffea87e .groups-meta.action button:hover{background-color:#76FFFB;}.elementor-4743 .elementor-element.elementor-element-fe2252d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-4743 .elementor-element.elementor-element-fe2252d:not(.elementor-motion-effects-element-type-background), .elementor-4743 .elementor-element.elementor-element-fe2252d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3EEFF;}.elementor-4743 .elementor-element.elementor-element-a955b3a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:30px 30px 30px 30px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-4743 .elementor-element.elementor-element-a955b3a:not(.elementor-motion-effects-element-type-background), .elementor-4743 .elementor-element.elementor-element-a955b3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-4743 .elementor-element.elementor-element-a955b3a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4743 .elementor-element.elementor-element-774c24c nav, .elementor-4743 .elementor-element.elementor-element-774c24c #item-nav{border-top:0;border-bottom:0;box-shadow:none;}.elementor-4743 .elementor-element.elementor-element-774c24c nav ul, .elementor-4743 .elementor-element.elementor-element-774c24c #item-nav ul{padding:0;margin:0;height:auto;display:block;}.elementor-4743 .elementor-element.elementor-element-774c24c nav ul li, .elementor-4743 .elementor-element.elementor-element-774c24c #item-nav ul li{display:inline-block;float:none;}.elementor-4743 .elementor-element.elementor-element-774c24c nav ul li a, .elementor-4743 .elementor-element.elementor-element-774c24c #item-nav ul li a{display:inline-block;}.elementor-4743 .elementor-element.elementor-element-55e74a5{--spacer-size:50px;}@media(min-width:768px){.elementor-4743 .elementor-element.elementor-element-e9763f2{--width:10%;}.elementor-4743 .elementor-element.elementor-element-eafb082{--width:60%;}.elementor-4743 .elementor-element.elementor-element-c8b5119{--width:20%;}.elementor-4743 .elementor-element.elementor-element-a955b3a{--width:70%;}}/* Start custom CSS for bpb-profile-group-buttons, class: .elementor-element-ffea87e */.group-button.join-group.button {
  font-size: 0 !important; /* cache le texte existant */
  position: relative;
}

.group-button.join-group.button::after {
  content: "Rejoindre le groupe"; /* ton nouveau texte */
  font-size: 15px !important;     /* remets une taille de texte */
  font-family: 'Montserrat', sans-serif !important;
  color: #black; /* ou ta couleur */
  padding: 20px;
}

/* Bouton "Join Group" */
.group-button.join-group.button {
  font-size: 0 !important; /* cache le texte existant */
  position: relative;
}
.group-button.join-group.button::after {
  content: "Rejoindre le groupe";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000; /* noir */
  padding: 20px;
}

/* Bouton "Leave Group" */
.group-button.leave-group.button {
  font-size: 0 !important;
  position: relative;
}
.group-button.leave-group.button::after {
  content: "Quitter le groupe";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  padding: 20px;
}

/* Bouton "Request Membership" */
.group-button.request-membership.button {
  font-size: 0 !important;
  position: relative;
}
.group-button.request-membership.button::after {
  content: "Demander l'adhésion";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  padding: 20px;
}

/* Bouton "Request Sent" */
.group-button.pending.membership-requested.button {
  font-size: 0 !important;
  position: relative;
}
.group-button.pending.membership-requested.button::after {
  content: "Demande envoyée";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  padding: 20px;
}

.button {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  color: #000;
  padding: 12px 24px;
}

.button:not(.group-button) {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for bpb-profile-group-navigation, class: .elementor-element-774c24c *//* Style général pour cacher le texte original et préparer le pseudo-élément */
.bp-groups-tab a {
  font-size: 0 !important; /* cache le texte original */
  position: relative;
  text-decoration: none;
}

/* Home */
a#home::after {
  content: "Accueil";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  background-color: #B7F7F5;
  border-radius: 30px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: inline-block;
}
a#home:hover::after {
  background-color: #76FFFB;
  transform: scale(1.05);
}

/* Activity */
a#activity::after {
  content: "Activité";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  background-color: #B7F7F5;
  border-radius: 30px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: inline-block;
}
a#activity:hover::after {
  background-color: #76FFFB;
  transform: scale(1.05);
}

/* Members */
a#members::after {
  content: "Membres ";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  background-color: #B7F7F5;
  border-radius: 30px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: inline-block;
}
a#members:hover::after {
  background-color: #76FFFB;
  transform: scale(1.05);
}

/* Invite */
a#invite::after {
  content: "Inviter";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  background-color: #B7F7F5;
  border-radius: 30px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: inline-block;
}
a#invite:hover::after {
  background-color: #76FFFB;
  transform: scale(1.05);
}

/* Manage */
a#admin::after {
  content: "Gérer";
  font-size: 15px !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000;
  background-color: #B7F7F5;
  border-radius: 30px;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: inline-block;
}
a#admin:hover::after {
  background-color: #76FFFB;
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for bpb-profile-group-content, class: .elementor-element-c6c3477 *//* Styles communs à tous les boutons ciblés */
.friendship-button.requested,
.friendship-button.not_friends.add,
.acomment-reply.bp-primary-action,
input[type="submit"][name="ac_form_submit"] {
  display: inline-block;
  background-color: #b8fff9;  /* couleur par défaut */
  color: #333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 50px;  /* arrondi */
  margin: 5px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none !important; /* évite le soulignement sur <a> */
}

/* Effet hover commun */
.friendship-button.requested:hover,
.friendship-button.not_friends.add:hover,
.acomment-reply.bp-primary-action:hover,
input[type="submit"][name="ac_form_submit"]:hover {
  background-color: #7ae1b7 !important; /* couleur au survol */
  color: #333 !important;
  transform: scale(1.02);
}

/* Bouton "Déjà ami" = Rompre le contact */
a.friendship-button.is_friend,
button.friendship-button.is_friend {
  display: inline-block;
  background: #ffc5b8 !important;   /* rose clair */
  color: #333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 15px 24px !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none !important;
}

/* Cas particulier avec .remove (BuddyPress ajoute souvent cette classe) */
a.friendship-button.is_friend.remove,
button.friendship-button.is_friend.remove {
  background: #ffc5b8 !important;
}

/* Effet hover */
a.friendship-button.is_friend:hover,
button.friendship-button.is_friend:hover,
a.friendship-button.is_friend.remove:hover,
button.friendship-button.is_friend.remove:hover {
  background: #ff9e89 !important; /* plus foncé au survol */
  color: #333 !important;
  transform: scale(1.02);
}

/* Bouton "Annuler la demande" (demande en attente) */
.friendship-button.pending_friend.requested {
  background-color: #ffb347 !important;  /* orange saturé mais pas agressif */
  color: #333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 50px;  /* arrondi */
  margin: 5px;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .2s ease, transform .1s ease;
}

/* Effet hover */
.friendship-button.pending_friend.requested:hover {
  background-color: #ff9933 !important; /* orange un peu plus foncé au survol */
  transform: translateY(-1px);
}


/* État actif / déjà ami (si jamais une classe change) */
.friendship-button.is_friend {
    
  background-color: #ffc5b8 !important;
  border-radius: 50px;
}

/* Tous les boutons "Répondre" */
.acomment-reply.bp-primary-action {
  display: inline-block !important;
  background-color: #b8fff9 !important;  /* vert clair par défaut */
  color: #333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;  /* arrondi */
  margin: 5px !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: all 0.3s ease-in-out !important;
}

/* Hover */
.acomment-reply.bp-primary-action:hover {
  background-color: #7ae1b7 !important; /* vert plus saturé au survol */
  color: #fff !important;
  transform: scale(1.05);
}



/* Bouton "Supprimer" */
a.delete.acomment-delete.bp-secondary-action {
  display: inline-block;
  background-color: #ffd1a6; /* orange clair par défaut */
  color: #333 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 50px;
  text-decoration: none !important;
  margin: 5px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

a.delete.acomment-delete.bp-secondary-action:hover {
  background-color: #ff944d !important; /* orange hover */
  color: #fff !important;
  transform: scale(1.05);
}

/* Encadrer et colorer chaque conversation */
li.groups.activity_update.activity-item {
  background-color: #D3EEFF; /* vert très clair pour distinguer */
  border-radius: 15px;       /* coins arrondis */
  padding: 15px;             /* espace intérieur */
  margin-bottom: 100px;       /* espace entre chaque conversation */
  border: 1px solid #b8fff9; /* contour subtil */
}

/* Les avatars restent ronds et alignés */
.activity-avatar.item-avatar img,
.acomment-avatar.item-avatar img {
  border-radius: 50%;
  display: inline-block;
}

/* Espacement entre le contenu et les boutons */
.activity-meta.groups-meta.action {
  margin-top: 10px;
}

/* Espacement entre les commentaires */
.activity-comments ul li.comment-item {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 12px;
  background-color: #e6fff8; /* léger vert pour différencier chaque commentaire */
  border-radius: 12px;
}

/* Boutons “Répondre” et “Supprimer” déjà stylés restent inchangés */

/* Style général des cartes membres */
#members-list .list-wrap {
  background: #D3EEFF;          /* fond bleu clair */
  border-radius: 12px;          /* coins arrondis (optionnel) */
  padding: 15px;                /* aérer l'intérieur */
  margin-bottom: 20px;          /* espace entre les cartes */
  border: 1px solid #c2dfee;    /* séparation douce */
  display: flex;                /* avatar à gauche, contenu à droite */
  align-items: center;          /* centrage vertical */
}

/* Avatar avec arrondi */
#members-list .list-wrap .item-avatar img {
  border-radius: 8px;
}

/* Ombre légère pour détacher les cartes (optionnel) */
#members-list .list-wrap {
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Activité : membre a rejoint un groupe */
.activity-list .activity-item.joined_group {
  background: #d3ffea;
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #c2dfee;
}

<input type="submit" name="ac_form_submit" value="Poster">/* End custom CSS */