/* ====== JUMOR V2 BRANDING — Always dark, Jumor Dark #1D3557 ====== */

/* ====== SIDEBAR — Couleur unifiée ====== */
.sidebar__tools {
  background-color: #1D3557 !important;
  border-inline-end-color: rgba(168, 218, 220, 0.08) !important;
}

/* Icônes par défaut : blanc à 80% */
.sidebar__tools .btn {
  color: rgba(255, 255, 255, 0.8);
}

/* Icônes SVG dans le sidebar : forcer blanc */
.sidebar__tools .btn img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.8;
}

/* Icône active : blanc pur + fond rouge Jumor */
.sidebar__tools .btn[aria-current="page"],
.sidebar__tools .btn.active {
  color: #FFFFFF;
  background: var(--jumor-red, #E63946);
  border-radius: 12px;
}

.sidebar__tools .btn[aria-current="page"] img,
.sidebar__tools .btn.active img {
  opacity: 1;
}

/* Hover : blanc pur */
.sidebar__tools .btn:hover {
  color: #FFFFFF;
}

.sidebar__tools .btn:hover img {
  opacity: 1;
}

/* Labels sous les icônes */
.sidebar__tools .txt-x-small {
  color: rgba(255, 255, 255, 0.6);
}

/* ====== SIDEBAR PANEL (liste des pistes) ====== */
.sidebar__container {
  background: #1D3557 !important;
}

/* Textes sidebar : blanc */
.sidebar__container, .sidebar__container * {
  color: rgba(255, 255, 255, 0.85);
}

.sidebar__container h2 {
  color: #fff !important;
}

/* Photo de profil en bas du sidebar */
.sidebar__tools .avatar {
  box-shadow: 0 0 0 2px rgba(168, 218, 220, 0.5) !important;
  opacity: 1 !important;
}

.sidebar__tools .avatar img {
  filter: none !important;
  opacity: 1 !important;
}

[data-type="list_node"] {
  background: rgba(168, 218, 220, 0.06);
}

[data-type="list_node"].room--active {
  background: rgba(230, 57, 70, 0.15);
  border-color: rgba(230, 57, 70, 0.3);
}

[data-type="list_node"]:hover {
  background: rgba(168, 218, 220, 0.1);
}

/* Titres sidebar */
.rooms h2, .sidebar__header h2 {
  color: #A8DADC;
}

/* Barre de recherche */
.rooms input[type="search"],
.rooms input[type="text"] {
  border-color: rgba(168, 218, 220, 0.3);
  background: rgba(255,255,255,0.05);
  color: #fff;
}

.rooms input:focus {
  border-color: #E63946;
  box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1);
}

/* ====== NAV BAR ====== */
.room--current {
  color: #FFFFFF !important;
  background: #E63946 !important;
}

/* ====== MESSAGES ====== */
.message--me .message__body-content {
  background-color: rgba(230, 57, 70, 0.12);
  border-left: 3px solid rgba(230, 57, 70, 0.4);
}

/* ====== UNREAD BADGE ====== */
.room.unread.badge time::after {
  background-color: #E63946 !important;
}

/* ====== DATE SEPARATOR ====== */
.message__date {
  color: #457B9D;
  font-weight: 600;
}

/* ====== AVATARS ====== */
.avatar {
  box-shadow: 0 0 0 2px rgba(168, 218, 220, 0.4);
}

.sidebar__tools .avatar {
  box-shadow: 0 0 0 2px #A8DADC;
}

/* ====== BUTTONS ====== */
.btn--reversed,
.btn--primary {
  --btn-background: #E63946;
  --btn-color: #FFFFFF;
}

/* ====== LINKS ====== */
.message__body a,
.trix-content a {
  color: #457B9D;
  text-decoration-color: rgba(69, 123, 157, 0.3);
}

.message__body a:hover,
.trix-content a:hover {
  color: #E63946;
  text-decoration-color: rgba(230, 57, 70, 0.5);
}

/* ====== HOMEPAGE ====== */
.homepage-info-card {
  border-left: 4px solid #A8DADC;
}

.homepage-tabs .btn.active,
.homepage-tabs [aria-selected="true"] {
  background: #E63946;
  color: #FFFFFF;
}

/* ====== COMPOSER ====== */
.composer:focus-within {
  border-color: #A8DADC;
  box-shadow: 0 0 0 2px rgba(168, 218, 220, 0.2);
}

/* ====== SCROLLBAR ====== */
::-webkit-scrollbar-thumb {
  background: rgba(168, 218, 220, 0.15);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 218, 220, 0.25);
}

/* ====== BADGE "+" (nouveau salon) ====== */
.rooms__new-btn {
  color: #E63946;
  border-color: rgba(230, 57, 70, 0.3);
}

.rooms__new-btn:hover {
  background: rgba(230, 57, 70, 0.08);
  border-color: #E63946;
}

/* ====== GLOBAL DARK OVERRIDES ====== */
/* Force le fond Jumor Dark partout */
body, html {
  background-color: #1D3557 !important;
}

#main-content {
  background-color: #1D3557 !important;
  border-color: rgba(168, 218, 220, 0.1) !important;
}

/* Nav bar */
#nav {
  background-color: #1D3557 !important;
  border-color: rgba(168, 218, 220, 0.1) !important;
}

/* Panels (profils, etc.) */
.panel {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(168, 218, 220, 0.1) !important;
}

/* Messages background */
.message__body-content {
  background-color: rgba(255,255,255,0.05);
}

/* Fieldsets */
fieldset {
  border-color: rgba(168, 218, 220, 0.15);
}

/* Inputs globaux */
.input, input, textarea, select {
  background-color: rgba(255,255,255,0.06);
  border-color: rgba(168, 218, 220, 0.15);
  color: #fff;
}

.input:focus, input:focus, textarea:focus, select:focus {
  border-color: #A8DADC;
}

select option {
  background: #1D3557;
  color: #fff;
}

/* Separators */
hr, .separator {
  border-color: rgba(168, 218, 220, 0.1);
}

/* SVG icons : forcer blanc */
.colorize--black {
  filter: brightness(0) invert(1) !important;
}