.elementor-4745 .elementor-element.elementor-element-b5396ce{--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-4745 .elementor-element.elementor-element-4072064{--spacer-size:105px;}.elementor-4745 .elementor-element.elementor-element-b6299c4{--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;--justify-content:center;--align-items:center;}.elementor-4745 .elementor-element.elementor-element-b6299c4:not(.elementor-motion-effects-element-type-background), .elementor-4745 .elementor-element.elementor-element-b6299c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E6FF;}.elementor-4745 .elementor-element.elementor-element-b6299c4 > .elementor-shape-top svg, .elementor-4745 .elementor-element.elementor-element-b6299c4 > .e-con-inner > .elementor-shape-top svg{width:calc(125% + 1.3px);height:66px;}.elementor-4745 .elementor-element.elementor-element-eec2846{--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;--justify-content:center;--align-items:center;}.elementor-4745 .elementor-element.elementor-element-eec2846:not(.elementor-motion-effects-element-type-background), .elementor-4745 .elementor-element.elementor-element-eec2846 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E6FF;}.elementor-4745 .elementor-element.elementor-element-66642e9{width:var( --container-widget-width, 120.539% );max-width:120.539%;--container-widget-width:120.539%;--container-widget-flex-grow:0;text-align:center;}.elementor-4745 .elementor-element.elementor-element-66642e9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4745 .elementor-element.elementor-element-66642e9 img{display:inline-block;}.elementor-4745 .elementor-element.elementor-element-66642e9 .avatar{border-radius:25px 25px 25px 25px;}.elementor-4745 .elementor-element.elementor-element-ae4e4f7{text-align:center;}.elementor-4745 .elementor-element.elementor-element-d49919f .main-navs{background-color:#FFFFFF00;padding:0px 0px 0px 0px;}#buddypress .elementor-4745 .elementor-element.elementor-element-d49919f .main-navs{border-style:none;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul{text-align:center;display:block;padding:0;margin:0;height:auto;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li{display:inline-block;float:none;margin-right:20px;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li a, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li a{display:inline-block;color:#000000;background-color:#BDFDF9;border-radius:100px 100px 100px 100px;padding:20px 20px 20px 20px;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li:last-child, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li:last-child{margin-right:0;}#buddypress .elementor-4745 .elementor-element.elementor-element-d49919f nav ul li a, #buddypress .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li a:hover, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li a:hover{background-color:#71FFF9;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li a:focus, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li a:focus{background-color:#71FFF9;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li.selected a, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li.selected a{background-color:#A8FFB3;}.elementor-4745 .elementor-element.elementor-element-d49919f nav ul li a span.count, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li a span.count, .elementor-4745 .elementor-element.elementor-element-d49919f #item-nav ul li a span.no-count{margin-left:23px;color:#0000009C;background-color:#E0FFDF;border-style:none;padding:0px 0px 0px 0px;}.elementor-4745 .elementor-element.elementor-element-ec7cff8{--display:flex;}.elementor-4745 .elementor-element.elementor-element-20f78dd > .elementor-widget-container{background-color:#F9F9F9;margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-4745 .elementor-element.elementor-element-1d07b3a .member-header-actions{justify-content:center;align-items:center;display:flex;flex-wrap:wrap;}#buddypress .elementor-4745 .elementor-element.elementor-element-1d07b3a .member-header-actions a, #buddypress .elementor-4745 .elementor-element.elementor-element-1d07b3a .member-header-actions button{display:inline-flex;fill:#000000;color:#000000;background-color:#BDFDF9;border-style:none;border-radius:22px 22px 22px 22px;}.elementor-4745 .elementor-element.elementor-element-1d07b3a .member-header-actions div{margin-right:20px;margin-top:calc(20px / 2);margin-bottom:calc(20px / 2);}.elementor-4745 .elementor-element.elementor-element-1d07b3a .member-header-actions div:last-child{margin-right:0;}@media(min-width:768px){.elementor-4745 .elementor-element.elementor-element-ec7cff8{--content-width:80%;}}/* Start custom CSS for bpb-profile-member-navigation, class: .elementor-element-d49919f */#user-activity,
#user-notifications,
#user-settings {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for bpb-profile-member-content, class: .elementor-element-20f78dd *//* Style de base pour les onglets BuddyPress */
.bp-navs li a {
  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;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

/* Survol */
.bp-navs li a:hover {
  background-color: #7ae1b7 !important;
  color: #fff !important;
}

/* Onglet actif */
.bp-navs li.current a,
.bp-navs li.selected a,
.bp-navs li a[aria-current="page"] {
  background-color: #63cfa3 !important;
  color: white !important;
}

/* Le compteur (ex: Groupes 2) */
.bp-navs li a .count {
  background-color: #fff;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
  margin-left: 8px;
}

#change-cover-image {
  display: none !important;
}

#thread-preview {
  display: none !important;
}

/* Bouton Accepter */
button.button.accept {
  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; /* enlève le style bouton par défaut */
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Hover */
button.button.accept:hover {
  background-color: #7ae1b7 !important;
  color: #fff !important;
}

/* Si on veut un état "actif" similaire aux onglets */
button.button.accept:active {
  background-color: #63cfa3 !important;
  color: white !important;
}

/* Bouton Rejeter */
button.button.reject {
  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: 12px 24px;
  border-radius: 50px;  /* arrondi */
  margin: 5px;
  border: none; /* enlève le style bouton par défaut */
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Hover */
button.button.reject:hover {
  background-color: #ff944d !important;  /* orange moyen saturé */
  color: #fff !important;
}

/* Actif (clic) */
button.button.reject:active {
  background-color: #e67300 !important; /* orange foncé */
  color: white !important;
}

/* Cacher les titres Modifier le profil et Base */
h2.screen-heading.edit-profile-screen,
h3.screen-heading.profile-group-title.edit {
  display: none !important;
}



/* Remplacer le texte via pseudo-élément */
legend#field_1-1::before {
  content: "Changement de nom"; /* nouveau texte */
}

legend#field_1-1 span,
legend#field_1-1::after {
  display: none !important; /* cache l'ancien contenu + (obligatoire) */
}

/* Bouton Enregistrer les modifications */
#profile-group-edit-submit {
  background-color: #63cfa3;  /* vert/bleu doux par défaut */
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Survol */
#profile-group-edit-submit:hover {
  background-color: #7ae1b7;  /* un peu plus clair au hover */
  transform: scale(1.05);
}

/* Bouton Sélectionnez votre fichier */
#bp-browse-button {
  background-color: #4da6ff; /* bleu par défaut */
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative; 
  z-index: 1; /* on garde ton style inline */
}

/* Survol */
#bp-browse-button:hover {
  background-color: #76c3ff; /* bleu clair au hover */
  transform: scale(1.05);
}

a.bp-avatar-nav-item[data-nav="camera"] {
  display: none !important;
}

/* Encadrer et colorer chaque groupe de parole */
.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 */
}

/* Assurer que les cartes ne se collent pas à un parent flex */
.list-wrap + .list-wrap {
  margin-top: 20px; /* espace entre cartes */
}

/* Avatar rond */
.list-wrap .item-avatar img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: cover;
}

/* Contenu texte */
.list-wrap .item-block .list-title a {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  margin-bottom: 5px;
  display: inline-block;
}

.list-wrap .item-meta,
.list-wrap .group-desc p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #555;
  margin: 4px 0;
}


/* Bouton "Quitter le groupe" */
.group-button.leave-group.button {
  background-color: #ffd1b8 !important;  /* orange clair */
  color: black !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 24px;
  border-radius: 50px;
  margin: 5px;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .2s ease, transform .1s ease;
}

/* Effet hover */
.group-button.leave-group.button:hover {
  background-color: #ff9933 !important; /* orange plus foncé */
  transform: translateY(-1px);
}

a#data,
a#invites {
  display: none !important;
}


/* Bouton "Rompre le contact" */
button.friendship-button.is_friend.remove,
a.friendship-button.is_friend.remove {
  background-color: #ffd1b8 !important;  /* orange clair */
  color: black !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 24px;
  border-radius: 50px;
  margin: 5px;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .2s ease, transform .1s ease;
}

/* Effet hover */
button.friendship-button.is_friend.remove:hover,
a.friendship-button.is_friend.remove:hover {
  background-color: #ff9933 !important;  /* orange plus foncé */
  transform: translateY(-1px);
}

/* FORUM MODIFICATION */

/* ---- Style cartes bleues ---- */
ul.topic.type-topic,
ul.forum.type-forum {
  background-color: #D3EEFF !important;   /* fond bleu clair */
  border-radius: 12px;                    /* coins arrondis */
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #c2dfee;              /* séparation douce */
  list-style: none;                       /* pas de puces */
}

/* ---- On cache toutes les colonnes sauf le titre ---- */
ul.topic.type-topic > li,
ul.forum.type-forum > li {
  display: none;
}

ul.topic.type-topic > li.bbp-topic-title,
ul.forum.type-forum > li.bbp-forum-title {
  display: block;
  width: 100%;
}

/* ---- Typo harmonisée ---- */
ul.topic.type-topic .bbp-topic-title,
ul.topic.type-topic .bbp-topic-title a,
ul.topic.type-topic .bbp-topic-meta,
ul.forum.type-forum .bbp-forum-title,
ul.forum.type-forum .bbp-forum-title a,
ul.forum.type-forum .bbp-forum-meta {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
}

/* ---- Titres cliquables plus visibles ---- */
ul.topic.type-topic .bbp-topic-permalink,
ul.forum.type-forum .bbp-forum-title a {
  font-weight: 600;
  text-decoration: none;
}

li.bbp-header {
  display: none !important;
}

/* Centrer le contenu du titre de topic */
ul.topic.type-topic > li.bbp-topic-title {
  text-align: center;        /* centre le texte + liens */
}

/* S’assure que l’avatar et le texte restent centrés */
/* Centrer + donner de la hauteur */
ul.topic.type-topic > li.bbp-topic-title {
  text-align: center;
  padding: 20px 15px;        /* + d’air en haut et en bas */
  min-height: 120px;         /* assure une hauteur minimale */
  display: flex;             /* pour centrer verticalement */
  flex-direction: column;    /* empile titre + meta */
  justify-content: center;   /* centre verticalement */
}

#ts {
  border-radius: 25px; /* ajuste la valeur pour + ou - arrondi */
  padding: 8px 12px;   /* pour que le texte respire un peu */
  border: 1px solid #ccc; /* optionnel : bordure douce */
}

/* Bouton "Rechercher" */
#bbp_search_submit {
  background: #b8ffc9 !important;
  color: black !important;
  border: none !important;
  border-radius: 30px !important;
  cursor: pointer;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: background-color .2s ease, transform .1s ease, box-shadow .2s ease;
  padding: 12px 24px; 
  margin-left: 8px;            /* petit espace entre champ et bouton */
}

/* Effet hover */
#bbp_search_submit:hover {
  background: #5fd5a1 !important;
  transform: translateY(-1px);
}

/* Style carte bleue pour chaque activité du flux */
.activity-list .activity-item {
  background-color: #D3EEFF !important;   /* fond bleu clair */
  border-radius: 12px;                    /* coins arrondis */
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #c2dfee;              /* séparation douce */
  list-style: none;                       /* pas de puces */
}

/* --- Activité principale (posts, notes, sujets, etc.) --- */
.activity-list .activity-item .activity-content {
  background-color: #D3EEFF !important;   /* fond bleu clair */
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #c2dfee;             /* séparation douce */
  list-style: none;
}

/* --- Commentaires aux activités --- */
.activity-list .activity-item .activity-comments .comment-item {
  background-color: #d3ffe3 !important;   /* fond vert clair */
  border-radius: 12px;
  padding: 15px;
  margin: 10px 0 10px 40px;              /* indentation pour montrer que c’est une réponse */
  border: 1px solid #c2dfee;
  list-style: none;
}

/* --- Boutons "Répondre" des commentaires --- */
a.acomment-reply.bp-primary-action {
  background-color: #b8fff9 !important; /* bleu par défaut */
  color: black !important;
  font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  border: none !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
  display: inline-block; /* évite que ça s’écrase */
}

/* --- Effet au survol --- */
a.acomment-reply.bp-primary-action:hover {
  background-color: #76c3ff !important; /* bleu clair au hover */
  transform: scale(1.05);
}

/* --- Masquer l’icône "changer d’avatar" dans la nav --- */
a.bp-avatar-nav-item[data-nav="camera"] {
  display: none !important;
}

/* Boutons "Supprimer" */
a.delete.acomment-delete.confirm.bp-secondary-action {
  background-color: #ffdcb8 !important; /* orange par défaut */
  color: black !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 24px;
  border-radius: 50px !important;
  border: none !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
  display: inline-block !important;
}

/* Effet hover */
a.delete.acomment-delete.confirm.bp-secondary-action:hover {
  background-color: #ff9c66 !important; /* orange clair au hover */
  transform: scale(1.05);
}

/* Bouton "Message public" */
a.activity-button.mention {
  background-color: #b8fff9 !important; /* bleu par défaut */
  color: black !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  border: none !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
  display: inline-block !important;

  /* ✅ même ombre que "Rompre le contact" */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

a.activity-button.mention:hover {
  background-color: #76c3ff !important; /* bleu clair au hover */
  transform: scale(1.05);
}

a.send-message {
  background-color: #b8fff9 !important; /* bleu par défaut */
  color: black !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 24px !important;
  border-radius: 50px !important;
  border: none !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
  display: inline-block !important;

  /* ✅ même ombre que "Rompre le contact" */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

a.send-message:hover {
  background-color: #76c3ff !important; /* bleu clair au hover */
  transform: scale(1.05);
}/* End custom CSS */