.Dropdown-menu .item-tag25,
.Dropdown-menu .item-tag26,
.Dropdown-menu .item-tag27,
.Dropdown-menu .item-tag28,
.Dropdown-menu .item-tag29,
.Dropdown-menu .item-tag30,
.Dropdown-menu .item-tag31,
.Dropdown-menu .item-tag32,
.Dropdown-menu .item-tag33,
.Dropdown-menu .item-tag34,
.Dropdown-menu .item-tag35,
.Dropdown-menu .item-tag36,
.Dropdown-menu .item-tag37,
.Dropdown-menu .item-tag38,
.Dropdown-menu .item-tag39,
.Dropdown-menu .item-tag40,
.Dropdown-menu .item-tag41,
.Dropdown-menu .item-tag42,
.Dropdown-menu .item-tag43,
.Dropdown-menu .item-tag44,
.Dropdown-menu .item-tag45,
.Dropdown-menu .item-tag46,
.Dropdown-menu .item-tag47,
.Dropdown-menu .item-tag48,
.Dropdown-menu .item-tag49,
.Dropdown-menu .item-tag50,
.Dropdown-menu .item-tag51,
.Dropdown-menu .item-tag52,
.Dropdown-menu .item-tag53,
.Dropdown-menu .item-tag54,
.Dropdown-menu .item-tag55,
.Dropdown-menu .item-tag56,
.Dropdown-menu .item-tag57,
.Dropdown-menu .item-tag58,
.Dropdown-menu .item-tag59,
.Dropdown-menu .item-tag60,
.Dropdown-menu .item-tag61,
.Dropdown-menu .item-tag62,
.Dropdown-menu .item-tag63,
.Dropdown-menu .item-tag64,
.Dropdown-menu .item-tag65,
.Dropdown-menu .item-tag66,
.Dropdown-menu .item-tag67,
.Dropdown-menu .item-tag68,
.Dropdown-menu .item-tag69,
.Dropdown-menu .item-tag70,
.Dropdown-menu .item-tag71,
.Dropdown-menu .item-tag72,
.Dropdown-menu .item-tag73,
.Dropdown-menu .item-tag74,
.Dropdown-menu .item-tag75,
.Dropdown-menu .item-tag76,
.Dropdown-menu .item-tag77,
.Dropdown-menu .item-tag78,
.Dropdown-menu .item-tag79,
.Dropdown-menu .item-tag80,
.Dropdown-menu .item-tag81,
.Dropdown-menu .item-tag82,
.Dropdown-menu .item-tag83,
.Dropdown-menu .item-tag84,
.Dropdown-menu .item-tag85,
.Dropdown-menu .item-tag86,
.Dropdown-menu .item-tag87,
.Dropdown-menu .item-tag88,
.Dropdown-menu .item-tag89,
.Dropdown-menu .item-tag90,
.Dropdown-menu .item-tag91,
.Dropdown-menu .item-tag92,
.Dropdown-menu .item-tag93,
.Dropdown-menu .item-tag94,
.Dropdown-menu .item-tag95,
.Dropdown-menu .item-tag96,
.Dropdown-menu .item-tag97,
.Dropdown-menu .item-tag98,
.Dropdown-menu .item-tag99,
.Dropdown-menu .item-tag100,
.Dropdown-menu .item-tag101,
.Dropdown-menu .item-tag102,
.Dropdown-menu .item-tag103,
.Dropdown-menu .item-tag104,
.Dropdown-menu .item-tag105,
.Dropdown-menu .item-tag106,
.Dropdown-menu .item-tag107,
.Dropdown-menu .item-tag108,
.Dropdown-menu .item-tag109,
.Dropdown-menu .item-tag110,
.Dropdown-menu .item-tag111,
.Dropdown-menu .item-tag112,
.Dropdown-menu .item-tag113,
.Dropdown-menu .item-tag114,
.Dropdown-menu .item-tag115,
.Dropdown-menu .item-tag116,
.Dropdown-menu .item-tag117,
.Dropdown-menu .item-tag118,
.Dropdown-menu .item-tag119,
.Dropdown-menu .item-tag120,
.Dropdown-menu .item-tag121,
.Dropdown-menu .item-tag122,
.Dropdown-menu .item-tag123,
.Dropdown-menu .item-tag124,
.Dropdown-menu .item-tag125,
.Dropdown-menu .item-tag126,
.Dropdown-menu .item-tag127,
.Dropdown-menu .item-tag128,
.Dropdown-menu .item-tag129,
.Dropdown-menu .item-tag130,
.Dropdown-menu .item-tag131,
.Dropdown-menu .item-tag132,
.Dropdown-menu .item-tag133,
.Dropdown-menu .item-tag134,
.Dropdown-menu .item-tag135,
.Dropdown-menu .item-tag136,
.Dropdown-menu .item-tag137,
.Dropdown-menu .item-tag138,
.Dropdown-menu .item-tag139,
.Dropdown-menu .item-tag140,
.Dropdown-menu .item-tag141,
.Dropdown-menu .item-tag142,
.Dropdown-menu .item-tag143,
.Dropdown-menu .item-tag144,
.Dropdown-menu .item-tag145,
.Dropdown-menu .item-tag146,
.Dropdown-menu .item-tag147,
.Dropdown-menu .item-tag148,
.Dropdown-menu .item-tag149,
.Dropdown-menu .item-tag150,
.Dropdown-menu .item-tag151,
.Dropdown-menu .item-tag152,
.Dropdown-menu .item-tag153,
.Dropdown-menu .item-tag154,
.Dropdown-menu .item-tag155,
.Dropdown-menu .item-tag156,
.Dropdown-menu .item-tag157,
.Dropdown-menu .item-tag158,
.Dropdown-menu .item-tag159,
.Dropdown-menu .item-tag160,
.Dropdown-menu .item-tag161,
.Dropdown-menu .item-tag162,
.Dropdown-menu .item-tag163,
.Dropdown-menu .item-tag164,
.Dropdown-menu .item-tag165,
.Dropdown-menu .item-tag166,
.Dropdown-menu .item-tag167,
.Dropdown-menu .item-tag168,
.Dropdown-menu .item-tag169,
.Dropdown-menu .item-tag170,
.Dropdown-menu .item-tag171,
.Dropdown-menu .item-tag172,
.Dropdown-menu .item-tag173,
.Dropdown-menu .item-tag174,
.Dropdown-menu .item-tag175,
.Dropdown-menu .item-tag176,
.Dropdown-menu .item-tag177,
.Dropdown-menu .item-tag178,
.Dropdown-menu .item-tag179,
.Dropdown-menu .item-tag180,
.Dropdown-menu .item-tag181,
.Dropdown-menu .item-tag182,
.Dropdown-menu .item-tag183,
.Dropdown-menu .item-tag184,
.Dropdown-menu .item-tag185,
.Dropdown-menu .item-tag186,
.Dropdown-menu .item-tag187,
.Dropdown-menu .item-tag188,
.Dropdown-menu .item-tag189,
.Dropdown-menu .item-tag190,
.Dropdown-menu .item-tag191,
.Dropdown-menu .item-tag192,
.Dropdown-menu .item-tag193,
.Dropdown-menu .item-tag194,
.Dropdown-menu .item-tag195,
.Dropdown-menu .item-tag196,
.Dropdown-menu .item-tag197,
.Dropdown-menu .item-tag198,
.Dropdown-menu .item-tag199,
.Dropdown-menu .item-tag200,
.Dropdown-menu .item-tag201,
.Dropdown-menu .item-tag202,
.Dropdown-menu .item-tag203,
.Dropdown-menu .item-tag204,
.Dropdown-menu .item-tag205,
.Dropdown-menu .item-tag206,
.Dropdown-menu .item-tag207,
.Dropdown-menu .item-tag208,
.Dropdown-menu .item-tag209,
.Dropdown-menu .item-tag210,
.Dropdown-menu .item-tag211,
.Dropdown-menu .item-tag212,
.Dropdown-menu .item-tag213,
.Dropdown-menu .item-tag214,
.Dropdown-menu .item-tag215,
.Dropdown-menu .item-tag216,
.Dropdown-menu .item-tag217,
.Dropdown-menu .item-tag218,
.Dropdown-menu .item-tag219,
.Dropdown-menu .item-tag220,
.Dropdown-menu .item-tag221,
.Dropdown-menu .item-tag222,
.Dropdown-menu .item-tag223,
.Dropdown-menu .item-tag224,
.Dropdown-menu .item-tag225,
.Dropdown-menu .item-tag226,
.Dropdown-menu .item-tag227,
.Dropdown-menu .item-tag228,
.Dropdown-menu .item-tag229,
.Dropdown-menu .item-tag230,
.Dropdown-menu .item-tag231,
.Dropdown-menu .item-tag232,
.Dropdown-menu .item-tag233,
.Dropdown-menu .item-tag234,
.Dropdown-menu .item-tag235,
.Dropdown-menu .item-tag236,
.Dropdown-menu .item-tag237,
.Dropdown-menu .item-tag238,
.Dropdown-menu .item-tag239,
.Dropdown-menu .item-tag240,
.Dropdown-menu .item-tag241,
.Dropdown-menu .item-tag242,
.Dropdown-menu .item-tag243,
.Dropdown-menu .item-tag244,
.Dropdown-menu .item-tag245,
.Dropdown-menu .item-tag246,
.Dropdown-menu .item-tag247,
.Dropdown-menu .item-tag248,
.Dropdown-menu .item-tag249,
.Dropdown-menu .item-tag250,
.Dropdown-menu .item-tag251,
.Dropdown-menu .item-tag252,
.Dropdown-menu .item-tag253,
.Dropdown-menu .item-tag254,
.Dropdown-menu .item-tag255,
.Dropdown-menu .item-tag256,
.Dropdown-menu .item-tag257,
.Dropdown-menu .item-tag258,
.Dropdown-menu .item-tag259,
.Dropdown-menu .item-tag260,
.Dropdown-menu .item-tag261,
.Dropdown-menu .item-tag262,
.Dropdown-menu .item-tag263,
.Dropdown-menu .item-tag264,
.Dropdown-menu .item-tag265,
.Dropdown-menu .item-tag266,
.Dropdown-menu .item-tag267,
.Dropdown-menu .item-tag268,
.Dropdown-menu .item-tag269,
.Dropdown-menu .item-tag270,
.Dropdown-menu .item-tag271,
.Dropdown-menu .item-tag272,
.Dropdown-menu .item-tag273,
.Dropdown-menu .item-tag274,
.Dropdown-menu .item-tag275,
.Dropdown-menu .item-tag276,
.Dropdown-menu .item-tag277,
.Dropdown-menu .item-tag278,
.Dropdown-menu .item-tag279,
.Dropdown-menu .item-tag280,
.Dropdown-menu .item-tag281,
.Dropdown-menu .item-tag282,
.Dropdown-menu .item-tag283,
.Dropdown-menu .item-tag284,
.Dropdown-menu .item-tag285,
.Dropdown-menu .item-tag286,
.Dropdown-menu .item-tag287,
.Dropdown-menu .item-tag288,
.Dropdown-menu .item-tag289,
.Dropdown-menu .item-tag290,
.Dropdown-menu .item-tag291,
.Dropdown-menu .item-tag292,
.Dropdown-menu .item-tag293,
.Dropdown-menu .item-tag294,
.Dropdown-menu .item-tag295,
.Dropdown-menu .item-tag296,
.Dropdown-menu .item-tag297,
.Dropdown-menu .item-tag298,
.Dropdown-menu .item-tag299,
.Dropdown-menu .item-tag300,
.Dropdown-menu .item-tag301,
.Dropdown-menu .item-tag302,
.Dropdown-menu .item-tag303,
.Dropdown-menu .item-tag304,
.Dropdown-menu .item-tag305,
.Dropdown-menu .item-tag306,
.Dropdown-menu .item-tag307,
.Dropdown-menu .item-tag308,
.Dropdown-menu .item-tag309,
.Dropdown-menu .item-tag310,
/*.Dropdown-menu .item-tag311,*/
.Dropdown-menu .item-tag312,
.Dropdown-menu .item-tag313,
.Dropdown-menu .item-tag314,
.Dropdown-menu .item-tag315,
.Dropdown-menu .item-tag316,
.Dropdown-menu .item-tag317,
.Dropdown-menu .item-tag318,
.Dropdown-menu .item-tag319,
.Dropdown-menu .item-tag320,
.Dropdown-menu .item-tag321,
.Dropdown-menu .item-tag322,
.Dropdown-menu .item-tag323,
.Dropdown-menu .item-tag324,
.Dropdown-menu .item-tag325,
.Dropdown-menu .item-tag326,
.Dropdown-menu .item-tag327,
.Dropdown-menu .item-tag328,
.Dropdown-menu .item-tag329,
.Dropdown-menu .item-tag330,
.Dropdown-menu .item-tag331,
.Dropdown-menu .item-tag332 {
  display: none;
}

a.BadgeContainer,
div.BadgeUserListInfo {
  margin-top: 20px;
  box-shadow: 0px 0px 15px rgb(255 253 0) !important;
    border-radius: 20px;
  background: #000000;
}

div.BadgeUserListInfo i.fas::before {
  color: yellow !important;
}

a.BadgeUserList-user {
  box-shadow: 0px 0px 15px rgb(255 253 0) !important;
    border-radius: 20px;
  background: #000000;
}

div.IndexPage-results.sideNavOffset h3 {
   color: #00f3ff !important;
}

a.LinksButton.Button.Button--link span.LinksButton-title {
  color: white !important;
}

a.LinksButton.Button.Button--link {
 background: repeating-linear-gradient(180deg, #5500db, #190057, #5500db) !important;
  box-shadow: 0px 0px 15px rgb(255 255 255) !important;
}

/*ùsection.container.my-5.text-center {
  text-align: center !important;
} */

section.container.my-5.text-center a.btn.btn-primary.btn-lg.mt-3 {
  text-align: center !important;
  padding-top: 20px !important;
  padding: 10px !important;
  font-weight: bold !important;
  box-shadow: 0px 0px 15px rgb(255 230 0) !important;
  color: #1c0063 !important;
  background-color: #ffffff !important;
}

div.AddRecipientModal-form .Button.Button--primary {
  background-color : #510202 !important;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(156 0 184) !important;
}

div.AddRecipientModal-form .Button.Button--primary:hover {
  background-color : #510202 !important;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(255 255 255) !important;
}

#people-list.people-list {
  background: repeating-linear-gradient(45deg, #000000, #300000, #000000) !important;
border-radius: 20px !important;
  alig: right !important;
}

div.ConversationsList {
  box-shadow: 0px 0px 10px rgb(255 230 0) !important;
  background: repeating-linear-gradient(to right, #46414100, #00000000) !important;
  display: flex !important;
  justify-content: center !important; /* Espace entre les éléments */
}

form.chat-message.clearfix {
  background: repeating-linear-gradient(45deg, #000000, #300000, #000000) !important;
  box-shadow: 0px 0px 10px rgb(255 230 0) !important;
}

form.chat-message.clearfix textarea{
  background: linear-gradient(45deg, #000000, #262525, #000000, #262525, #000000) !important;
  color: white;
  box-shadow: 0px 0px 10px rgb(255 230 0) !important;
}

div.chat-history {
  background: repeating-linear-gradient(45deg, #000000, #300000, #000000) !important;
  box-shadow: 0px 0px 10px rgb(255 230 0) !important;
}

div.chat-header {
  background: repeating-linear-gradient(45deg, #000000, #300000, #000000) !important;
  box-shadow: 0px 0px 10px rgb(255 230 0) !important;
}

div.chat-history span.username {
  color: #ffffff !important;
}

div.chat-history time {
  color: #dcc100 !important;
}

div.chat-history div.message-text {
  background: repeating-linear-gradient(45deg, #4a4601, #360000, #4c3d00) !important;
box-shadow: 0px 0px 15px rgb(255 255 255) !important;
border-radius: 50px !important;
}

div.chat-history div.message-text p {
  word-break: break-word;
  color: #ffffff !important;
}

div.chat-header span.username {
  color: #e6b200 !important;
}

div.chat-header div.chat-with {
  color: #ffffff !important;
}

div.chat-header div.chat-num-messages {
  color: #900000 !important;
  font-weight: bold !important;
}

li.startConvo {
  color: #ffffff !important;
}

div.AddRecipientModal-form textarea {
  color: #ffffff !important;
}

div.AddRecipientModal-form textarea {
  background: repeating-linear-gradient(45deg, #000000, #320101, #000000) !important;
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
color: #ffffff !important;
}

div.helpText
 {
   color: #e48d00 !important;
   font-weight: bold !important;
 }
.people-list .Button.Button--primary {
  background-color : #510202 !important;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(156 0 184) !important;
}

.people-list .Button.Button--primary:hover {
  background-color : #510202 !important;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(255 255 255) !important;
}

form.chat-message.clearfix .Button.Button--primary {
 background-color : #510202 !important;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(156 0 184) !important;
}

form.chat-message.clearfix .Button.Button--primary:hover {
    background-color : #510202 !important;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(255 255 255) !important;
}

div.UserListItem {
  background: linear-gradient(45deg, #410000, #453e00, #410000, #453e00, #410000) !important;
   border-radius: 30px !important;
  box-shaow: 0px 0px 10px rgb(255 255 255) !important;
}

div.UserListItem:hover {
 background: linear-gradient(45deg, #4e4600, #300000, #4e4600, #300000, #4e4600) !important;
   border-radius: 30px !important;
  box-shaow: 0px 0px 15px rgb(255 255 255) !important;
}

div.UserListItem.active {
  background: linear-gradient(45deg, #680000, #857702, #680000, #857702, #680000) !important;
   border-radius: 30px !important;
  box-shaow: 0px 0px 15px rgb(71 255 0) !important;
}

div.UserListItem.active:hover {
  background: linear-gradient(45deg, #857702, #680000, #857702, #680000, #857702) !important;
border-radius: 30px !important;
  box-shadow: 0px 0px 15px rgb(255 255 255) !important;
}

div.Post-body blockquote.uncited {
  
  margin-top: 5px !important;
  margin: 5px !important;
  margin-bottom: 30px !important;
  border: hidden !important;
  box-shadow: 0px 0px 10px rgb(255 217 0) !important;
  background: #ff000040 !important;
  border-radius: 20px !important;
  max-height: 9% !important;
}

a.UserMention {
  background: none !important;
}
div.UserListItem.active div.UserListItem-content span.username {
  color: #ffffff !important;
}

div.UserListItem div.UserListItem-content span.username {
  color: #6c6c6c !important;
}

div.UserListItem.active div.UserListItem-content img.Avatar {
  filter: opacity(100%);
}

div.UserListItem div.UserListItem-content img.Avatar {
  filter: opacity(60%);
}

.Hero-subtitle {
  color: #00ccff;
}

header.App-header {
  border-radius: 10px;
  margin-top: -3px;
  background-color: #ff000047 !important;
 box-shadow: 0px 0px 20px rgb(255 255 255) !important;
}

img.Header-logo {
  border-radius: 50px;
  box-shadow: 0px 0px 15px rgb(255 0 0) !important;
}

.TagsUnderDiscussion.visible {
  opacity: 1;
}

.TagsUnderDiscussion {
  opacity: 0;
  transition: opacity 1s ease-in-out; /* Fait apparaître les tags en fondu */
  max-height: none !important;
  overflow: visible !important;
  padding-top: 8px; /* optionnel : espace en haut si collé */
}

Button.Button--primary.IndexPage-newDiscussion.Button--tagColored.text-contrast--dark.hasIcon {
  display: none !important;
}

Button.Button--primary.IndexPage-newDiscussion.Button--tagColored.text-contrast--light.hasIcon {
  display: none !important;
}

.TagLabel-text.no-icon {
  padding-left: 1.2em;
}

span.TagLabel.untagged {
  display: none;
}

li.pinned.colored {
  background-color: #000000 !important;
}

li.pinned.colored span.SelectTagListItem-name {
  color: #00c34e !important;
}

li.pinned.child.colored span.SelectTagListItem-name {
  color: #00fbff !important;
}

li.pinned.colored span.SelectTagListItem-description {
  color: #99e1a3 !important;
}

li.colored {
  background-color: #000000 !important;
}


li.colored span.SelectTagListItem-name {
  color: #ffa700 !important;
}

li.colored span.SelectTagListItem-description {
  color: #e29f5b !important;
}



.item-tags, .DiscussionListItem-info {
  overflow: visible !important;
}

/* Contenu interne de l'iframe */
body, html {
  overflow: scroll !important;  /* Permet le défilement */
  margin-top: 3px;
  padding: 0;
}

i.icon.fas.fa-circle {
  color: #00ff00 !important;
}

/* Masquer les barres de défilement */
::-webkit-scrollbar {
  display: none; /* Masque la barre de défilement dans WebKit */
}

/* Pour Firefox */
body {
  scrollbar-width: none;
}

/* Pour IE/Edge */
body {
  -ms-overflow-style: none;
}



.AvatarEditor {
  pointer-events: none !important;
  cursor: default !important;
}
.Settings-account .Button {
  display: none !important;
}

legend {
  display: none !important;
}


.time:hover {
text-decoration: none !important;
}

article.CommentPost.Post.Post--by-start-user {
text-decoration: none !important;
margin-bottom: 30px !important;
box-shadow: 0px 0px 10px rgb(255 0 0) !important;
}

article.CommentPost.Post.Post--by-start-user .Dropdown-toggle.Button.Button--icon.Button--flat {
text-decoration: none !important;
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

.DiscussionListItem-controls button.Dropdown-toggle.Button.Button--icon.Button--flat.Slidable-underneath.Slidable-underneath--right {
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

/* Annule complètement le slide et l'opacité contrôlée par Flarum 
.DiscussionListItem-controls {
  opacity: 1 !important;
} */


article.CommentPost.Post {
  margin-bottom: 30px;
}

div.PollHeading-actions {
  color: white;
  margin-right:10px !important;
}

div.Post-poll {
  padding-right: 15px !important;
  box-shadow: 0px 0px 10px rgb(254 255 0) !important;
  border-radius: 10px;
  background-color: #00000029 !important;
}

h3.PollHeading-title {
  margin-left: 10px;
  color: white !important;
}

.PollOption .PollBar::after {
  background-color: #290018;
    background-image: linear-gradient(to right, #013900 0% 100%);
}

.PollOption .PollBar span.checkmark {
  border-color: #ffffff !important;
    background-color: #ffffff !important;
}

.PollBar{
  border-color: #5c0073 !important;
    background-color: #ffffffcc !important;
   box-shadow: 0px 0px 10px rgb(255 255 255 / 0%) !important;
}

.PollOption .PollBar span.checkmark::after {
  border-color: #013900 !important;
    background-color: #ffffff !important;
}

div.PollOptions {
  text-align: center;
  border-color: #ff0000 !important;
    background-color: #ffffff00 !important;
}

span.PollAnswer-text-answer {
  color: #ffffff !important;
  background: none !important;
    background-image: linear-gradient(to right, #0b3f00 0% 100%);
}

span.PollPercent.PollPercent--option ,span.PollPercent {
  color: #ffffff !important;
}

div.Poll-sticky span {
  color: #ffffff !important;
  background: none !important;
}

div.Poll-sticky {
  background: #00000000 !important;
}

.CommentPost .Post-actions {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.Post .Post-actions {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

article.CommentPost.Post.Post--by-start-user button.Button.Button--link {
display: block !important;
  opacity: 1 !important;
  text-decoration: none !important;
  margin-top: 30px !important;
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

article.CommentPost.Post button.Button.Button--link {
 display: block !important;
  opacity: 1 !important;
  text-decoration: none !important;
  margin-top: 30px !important;
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important; 
}

article.CommentPost.Post button.Dropdown-toggle.Button.Button--icon.Button--flat {
text-decoration: none !important;
  margin-top: 30px !important;
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

article.EventPost.DiscussionStickiedPost.Post.Post--by-actor.Post--by-start-user button.Dropdown-toggle.Button.Button--icon.Button--flat {
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

article.CommentPost.Post.Post--by-start-user button.Dropdown-toggle.Button.Button--icon.Button--flat {
text-decoration: none !important;
  margin-top: 30px !important;
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

article.CommentPost.Post.Post--by-start-user:hover {
text-decoration: none !important;
}

article.EventPost.DiscussionRenamedPost.Post.Post--by-start-user {
text-decoration: none !important;
margin-bottom: 30px !important;
box-shadow: 0px 0px 10px rgb(143 148 55) !important;
}

article.EventPost.DiscussionTaggedPost.Post.Post--by-actor.Post--by-start-user {
text-decoration: none !important;
margin-bottom: 30px !important;
box-shadow: 0px 0px 10px rgb(143 148 55) !important;
}

article.EventPost.DiscussionTaggedPost.Post.Post--by-actor.Post--by-start-user .Dropdown-toggle.Button.Button--icon.Button--flat {
text-decoration: none !important;
   box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

article.CommentPost.Post--hidden.Post.Post--by-actor.Post--by-start-user button.Dropdown-toggle.Button.Button--icon.Button--flat {
margin-bottom: 15px !important;
  text-decoration: none !important;
   box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

article.EventPost.DiscussionRenamedPost.Post.Post--by-start-user button.Dropdown-toggle.Button.Button--icon.Button--flat {
  margin-bottom: 15px !important;
  margin-right: 10px;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

article.EventPost.PostMovedPost.Post.Post--by-actor.Post--by-start-user {
text-decoration: none !important;
margin-bottom: 30px !important;
box-shadow: 0px 0px 10px rgb(255 134 0) !important;
}

a.EventPost-PostMoved-target {
color: #00ff2d !important;
text-decoration: none !important;
}

article.EventPost.DiscussionTaggedPost.Post.Post--by-start-user, article.EventPost.DiscussionTaggedPost.Post.Post--by-actor.Post--by-start-user {
text-decoration: none !important;
   box-shadow: 0px 0px 10px rgb(241 255 0) !important;
margin-bottom: 30px;
}

article.EventPost.DiscussionStickiedPost.Post.Post--by-start-user, article.EventPost.DiscussionStickiedPost.Post.Post--by-actor.Post--by-start-user {
text-decoration: none !important;
   box-shadow: 0px 0px 10px rgb(241 255 0) !important;
margin-bottom: 30px;
}

article.EventPost.DiscussionTaggedPost.Post.Post--by-start-user, article.EventPost.DiscussionTaggedPost.Post.Post--by-actor.Post--by-start-user {
text-decoration: none !important;
   box-shadow: 0px 0px 10px rgb(241 255 0) !important;
margin-bottom: 30px;
}

article.EventPost.DiscussionStickiedPost.Post.Post--by-start-user, article.EventPost.DiscussionStickiedPost.Post.Post--by-actor.Post--by-start-user {
text-decoration: none !important;
   box-shadow: 0px 0px 10px rgb(241 255 0) !important;
margin-bottom: 30px;
}

div.EventPost-info  {
  color: #fff300 !important;
  text-decoration: none !important;
}

div.EventPost-info span.TagLabel-name {
  color: #ffffff !important;
  text-decoration: none !important;
}

div.EventPost-info a.TagLabel.colored.text-contrast--dark {
  background-color: #9c0000 !important;
  text-decoration: none !important;
}

div.EventPost-info a.TagLabel.colored.text-contrast--light {
  background-color: #9c0000 !important;
  text-decoration: none !important;
  
}
div.EventPost-info a.TagLabel.untagged {
  background-color: #000000 !important;
  text-decoration: none !important;
  border: none;
}

span.TagLabel-name {
  color: #ffffff !important;
  text-decoration: none !important;
}

div.EventPost-info span.username {
     color: #ff0000 !important;
  text-decoration: none !important; 
}

div.EventPost-info a.TagLabel.colored.text-contrast--light {
     color: #ffffff !important;
  text-decoration: none !important; 
}

a.TagLabel.colored.text-contrast--light, a.TagLabel.colored.text-contrast--dark {
  box-shadow: 0px 0px 10px rgb(255 255 255 / 0%) !important;
  background-color: #262626 !important;
  text-decoration: none !important; 
}

a.TagLabel.colored.text-contrast--light span.TagLabel-name, a.TagLabel.colored.text-contrast--dark span.TagLabel-name {
  color: #ffffff !important;
  text-decoration: none !important; 
}

h1.DiscussionHero-title {
  color: #fffd00 !important;
  text-decoration: none !important; 
  font-weight: bold;
}
.time {
text-decoration: none !important;
}

button.disabled.SplitDropdown-button.Button.Button--primary.hasIcon {
  display: none !important;
}

span.SelectTagListItem-name {
color: #ff8c00 !important;
}

button.Button--ua-reset.DiscussionListItem-count {
color: #11ff00 !important;
}

span.DiscussionListItem-count {
color: #ffffff !important;
}


i.icon.far.fa-eye::before {
color: #ffffff !important;
}

h2.DiscussionListItem-title {
color: #fffcd2 !important;
font-weight: bold !important;
}

div.DiscussionListItem {
background: linear-gradient(150deg, #6200007a, #62580078, #6200007a);
  text-decoration: none !important;
  margin-bottom: 30px !important;
 box-shadow: 0px 0px 10px rgb(255 204 0) !important;  
}

div.DiscussionListItem:hover {
background: linear-gradient(150deg, #62580078, #6200007a, #62580078);
text-decoration: none !important;
 box-shadow: 0px 0px 20px rgb(210 0 255) !important;  
}
.a.DiscussionListItem:hover {
background-color: #ff01018c !important; /* Remplacez par la couleur souhaitée */
color: red !important;
}

a.DiscussionListItem {
color: #ff01018c !important; /* Remplacez par la couleur de texte souhaitée */
text-decoration: none !important; /* Supprime le soulignement */
}
span {
color: yellow !important;
text-decoration: none !important;
font-weight: bold !important;
}

span.username:hover {
text-decoration: none !important;
}

a.Scrubber-first, .Scrubber-last, .time {
color: #ffcd00 !important; /* Remplacez par la couleur de texte souhaitée */
text-decoration: none !important; /* Supprime le soulignement */
}

a.Scrubber-first:hover, .Scrubber-last:hover, .time:hover {
color: #ff00008c !important; /* Remplacez par la couleur de texte souhaitée */
text-decoration: none !important; /* Supprime le soulignement */
}
ul:hover {
text-decoration: none!important; /* Supprime le soulignement au survol */
}
a.DiscussionListItem-main:hover {
text-decoration: none!important; /* Supprime le soulignement au survol */
}

.Button.Button--primary.IndexPage-newDiscussion.Button--tagColored.text-contrast--light.hasIcon span.Button-label {
  color: #ffffff !important;
}

.hasIcon span.Button-label {
  color: #ffffff !important;
}

.TagLinkButton.hasIcon span.Button-label {
  color: #d6bb00 !important;
}

.TagLinkButton.hasIcon.child span.Button-label {
  color: #fa0000 !important;
}

li::marker {
  color: #00ffbd !important;
}

li {
  color: white !important;
}

a, a:hover, a:focus, a:active {
  text-decoration: none !important;
  border: none !important;  
}

p strong {
  color:#00ff00 !important;
}

p img:not(img.emoji) {
  border-radius: 10px !important;
  width: 98%;
  margin: 5px !important;
  box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

/* Toutes les iframes de vidéo */
.Post-body iframe,
.PostStream iframe,
.DiscussionPage iframe,
iframe {
    border-radius: 20px;
    box-shadow: 0 6px 24px #1565c01a;
    border: 2px solid #a29e00 !important;
    width: 100% !important;
}

span.username {
background-color: #ebeae500 !important;
color: #ffffff !important;
border: none !important;
text-decoration: none !important;
}

code.hljs.language-diff {
  background-color: #7171714d !important;
}
span.hljs-deletion {
  color: #ffffff !important;
  background-color: #78626200 !important;
}

/* Désactive les interactions des éléments de tags, mais exclut les champs de saisie */
.DiscussionListItem .item-tags, 
.DiscussionListItem .TagsUnderDiscussion {
  pointer-events: none !important;
}

/* Exclut .TagsInput.FormControl et les boutons de cette règle */
.DiscussionListItem .TagsInput.FormControl,
.DiscussionListItem .item-tags button, 
.DiscussionListItem .TagsUnderDiscussion button {
  pointer-events: auto !important;
}



span.username:hover {
color: #b000ff !important;
text-decoration: none !important;
}
span.TagLabel.colored.text-cont-rast--dark {
background-color: red !important;
}

span.TagLabel.colored.text-contrast--light {
padding-left: 10px;
  margin-top: 5px;
background-color: #280036 !important;
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

span.TagLabel.colored.text-contrast--dark {
margin-top: 5px;
background-color: #011147 !important;
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

span.TagLabel.colored.text-contrast--dark.TagLabel--child {
margin-top: 5px;
background-color: #012000 !important;
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
}

li.TagTile.colored.text-contrast--light {
color: #a16969 !important;
background-color: #222121c7 !important;
 box-shadow: 0px 0px 10px rgb(210 0 255) !important;
border-radius: 30px !important;    
margin: 5px !important;
}

li.TagTile.colored.text-contrast--light:hover {
color: #a16969 !important;
background-color: #222121c7 !important;
 box-shadow: 0px 0px 10px rgb(255 224 0) !important;
border-radius: 30px !important;    
margin: 5px !important;
}

ul.TagTiles li.TagTile.colored.text-contrast--dark {
color: #a16969 !important;
background-color: #000000ad !important;
 box-shadow: 0px 0px 10px rgb(45 255 0) !important;
border-radius: 30px !important;    
margin: 5px !important;
}

ul.TagTiles li.TagTile.colored.text-contrast--dark:hover {
color: #a16969 !important;
background-color: #02670691 !important;
 box-shadow: 0px 0px 10px rgb(255 224 0) !important;
border-radius: 30px !important;    
margin: 5px !important;
}

ul.TagTiles li.TagTile.colored.text-contrast--light {
color: #a16969 !important;
background-color: #000000ad !important;
 box-shadow: 0px 0px 10px rgb(210 0 255) !important;
border-radius: 30px !important;    
margin: 5px !important;
}

ul.TagTiles li.TagTile.colored.text-contrast--light:hover {
color: #a16969 !important;
background-color: #67020291 !important;
 box-shadow: 0px 0px 10px rgb(255 224 0) !important;
border-radius: 30px !important;    
margin: 5px !important;
}

a.TagTile-info:hover {
    text-decoration: none !important;
}

a.TagTile-lastPostedDiscussion:hover {
text-decoration: none !important;
}
/* Styles généraux */
/* global.css */

body {
overflow-y: auto; /* Forcer l'affichage de la barre de scroll */
}
input.FormControl::placeholder {
color: #ffea00 !important; /* Texte d’indice grisé */
}
.Search-input .FormControl {
background-color: #e0b800 !important;
color: #ffffff !important;
}
.TagLabel {
color: #ffffff !important;
}
  .TagLabel:hover {
color: #9700ff !important;
text-decoration: none !important;
}
.TagLabel-name {
color: #ffffff !important;
}
.TextEditor-editor {
background-color: #1f1f1f00 !important; /* fond sombre */
color: #ffffff !important;           /* texte blanc */
border: none !important;
}

.TextEditor-editor::placeholder {
color: #ffffff !important;           /* texte d’aide (placeholder) */
}


.Search-input .FormControl::placeholder {
color: #000000 !important;
}

/* icône de loupe */
.Search-input .Button--icon i {
color: #000000 !important;
}
ul {
box-shadow: 0px 0px 10px rgb(209 32 32 / 0%) !important;
text-decoration: none !important;
}  
.Post {
background-color: #3d026a38 !important;
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
color: #310a62 !important;
border: none !important;
}

textarea.FormControl.Composer-flexible.TextEditor-editor {
box-shadow: 0px 0px 10px rgb(255 255 255) !important;
background-color: #3e000082 !important;
}

.Composer {
background-color: #000000f0 !important;
color: #ffffff !important;
box-shadow: 0px -5px 30px rgb(255 255 255) !important;
border: none !important;
}

.Modal {
background-color: #392a4400 !important;
color: #ffffff !important;
border: none !important;
}

.SettingsPage {
background-color: #392a4400 !important;
color: #ffffff !important;
border: none !important;
}

.Hero {
background-color: #ffffff00 !important;
color: #b15050 !important;
border: none !important;
}

.PostStream-item {
background-color: #392a4400 !important;
color: #ffffff !important;
border: none !important;
}

span.Button-label {
background-color: #ebeae500 !important;
color: #ffffff !important;
border: none !important;
}

span.Scrubber-description {
background-color: #ebeae500 !important;
color: #4aff00 !important;
border: none !important;
}

.icon {
background-color: #86720e00 !important;
color: #ffffff !important;
border: none !important;
}
.Button {background-color: #2f004e !important;color: #d6bfdf !important;}
.Button:hover {
background-color: #54004a !important;
color: #510270 !important;
}

a[href], a[href]:hover, a[href]:focus, a[href]:active {
  text-decoration: none !important;
}

a {
color: #ffb900 !important;
text-decoration: none !important;
}

a:hover {
text-decoration: underline !important;
}

/* Navbar futuriste */
/* Menu principal */
.navbar {
  background: rgba(10, 10, 10, 0.9) !important;
  backdrop-filter: blur(15px);
  border-radius: 12px;
  padding: 1rem 1.5rem;
  box-shadow: 0 0 15px rgb(255 229 0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed; /* Fixer le menu en haut */
  top: 0; /* L'aligner en haut de la page */
  left: 0; /* Aligner à gauche */
  width: 100%; /* Le menu prend toute la largeur */
  z-index: 1050; /* S'assurer que la navbar est au-dessus de tout autre contenu */
  padding-left: 15px;
  padding-right: 15px;
}

/* Si vous voulez ajouter de l'espace sous le menu fixe, vous pouvez rajouter un padding en haut de la page */

p {
      color: white !important;
}

/* Logo futuriste */
.navbar-brand {
  font-weight: bold;
  font-size: 1.8rem;
  color: #ffffff !important;
  text-shadow: 0 0 10px rgb(255, 0, 0), 0 0 20px rgb(255, 0, 0);
  text-transform: uppercase;
}

/* Liens de navigation */
.nav-link {
  color: #ffffff !important;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 8px 15px;
  text-decoration: none;
  border-radius: 6px;
  position: relative;
}

/* Effet néon au survol */
.nav-link:hover {
  color: rgb(255 242 0) !important;
  text-shadow: 0 0 15px rgb(255 0 0);
  transform: scale(1.1);
}

/* Effet de l'élément actif */
.nav-link.active {
  color: rgb(255 255 255) !important;
  border-bottom: 2px solid rgb(255 0 0);
  box-shadow: 0 0 10px rgb(255 224 0);
}

/* Déconnexion en rouge néon */
.nav-link.logout {
  color: red !important;
}

.nav-link.logout:hover {
  text-shadow: 0 0 10px red;
}

/* Bouton burger pour mobile */
.navbar-toggler {
  display: none;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 1060; /* Plus grand que l'empilement des autres éléments */
}

/* Icône du bouton burger */
.navbar-toggler-icon {
  display: block;
  width: 30px;
  height: 3px;
  background-color: white;
  margin: 6px 0;
}

/* Collapse (menu mobile) */
.navbar-collapse {
  position: absolute;
  top: 60px;
  right: 20px;
  width: 250px;
  background: rgba(10, 10, 10, 0.9);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 15px;
  z-index: 1070; /* S'assurer que ce menu est au-dessus des cartes */
  display: none; /* Masqué par défaut */
}

.collapse.show {
  display: block; /* Affichage du menu lorsqu'il est actif */
}

/* Menu mobile */
@media (max-width: 992px) {
  .navbar {
      padding: 0.8rem 1rem;
  }

  .navbar-brand {
      font-size: 1.6rem;
  }

  /* Afficher le bouton burger sur les petits écrans */
  .navbar-toggler {
      display: block;
      z-index: 1060;
  }

  /* Modifier l'affichage du menu lorsqu'il est activé */
  .collapse {
      top: 60px;
      right: 20px;
  /*  width: 100%; */
      display: none;
      z-index: 1070;
  }

  .collapse.show {
      display: block;
  }

  .nav-link {
      display: block;
      font-size: 1.1rem;
      text-align: center;
      padding: 10px;
  }
}


/* Menu pour écrans plus grands */
@media (min-width: 992px) {
  .navbar-collapse {
      display: flex;
      justify-content: flex-end;
      position: static; /* Pour le mode non mobile */
      background: transparent;
      backdrop-filter: none;
      padding: 0;
  }

  .nav-link {
      padding: 0 15px; /* Marge entre les liens */
  }
}

/* Cartes de jeu */
.card {
  position: relative; /* Positionner les cartes pour garantir qu'elles restent derrière le menu */
  z-index: 1; /* Elles doivent rester derrière le menu hamburger */
  width: 100%;
  max-width: 300px;
  min-width: 300px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
  overflow: auto;
  background-color: #000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transform-style: preserve-3d;
  z-index: 1; /* Assurez-vous que les cartes sont derrière le menu */
}

/* Bouton hamburger (navbar-toggler) */
.navbar-toggler {
  background: transparent !important;  /* Enlever le fond vert par défaut */
  border: none !important;  /* Enlever toute bordure par défaut */
}

/* Lorsque le bouton hamburger reçoit le focus ou le survol */
.navbar-toggler:focus,
.navbar-toggler:active {
  background: transparent !important;  /* Garder un fond transparent */
  box-shadow: none !important;  /* Enlever l'ombre du focus */
  border: none !important;  /* Enlever la bordure */
}

body {
  font-family: 'Rajdhani', sans-serif !important;
  background-color: #121212 !important; /* ou autre couleur de ton thème */
  color: #ffffff !important;
  background-image: url('../images/background/background_site.webp') !important; /* 🔥 Mets ici le bon chemin */
  background-size: cover !important; /* 🔥 Couvre toute la fenêtre sans répétition */
  background-position: center !important;/* Centre l'image */
  background-attachment: fixed !important;/* Garde l'image fixe lors du défilement */
  background-repeat: no-repeat !important; /* Évite la répétition */
  display: flex !important;
  flex-direction: column !important;
  min-height: 90vh !important; /* Assure que le body prend au moins toute la hauteur de l'écran */
}


/* 📌 Overlay assombrissant */
body::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgb(0 0 0 / 50%) !important; /* 🔥 Change l'opacité (0.5 = 50%) */
  z-index: -1 !important; /* 🔥 Place l'overlay derrière les éléments */
}

strong {
  color: #a35aff; /* 🔥 Remplace par la couleur de ton choix */
}

h1 {
  color: #cca402 !important; /* 🔥 Remplace par la couleur de ton choix */
}

h2 {
  color: #cca402 !important; /* 🔥 Remplace par la couleur de ton choix */
}

h3 {
  color: #a35aff; /* 🔥 Remplace par la couleur de ton choix */
}

.footer {
  margin-top: auto !important; /* Force le footer en bas de la page */
  width: 100%; /* Assure que le footer prend toute la largeur */
  background-color: #000000 !important;
  box-shadow: 0 0 15px rgb(255 0 0);
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  margin-top: 20px;
}

.footer-content {
  max-width: 1200px; /* Pour que le texte soit centré et pas trop large */
  margin: 0 auto;
}

.footer-link {
  color: #ffcc00; /* Couleur dorée */
  text-decoration: none; /* Supprime le soulignement */
  font-weight: bold;
  transition: color 0.3s ease-in-out;
}

.footer-link:hover {
  color: #ffffff; /* Devient blanc au survol */
  text-decoration: underline;
}