/* ==========================================================================
   Module : Liste des Sujets (Threads List)
   ========================================================================== */

/* --- Dark Mode (défaut) --- */

/* ==========================================================================
   Zone de Contenu (Liste des Sujets / Contenu Sujet Unique)
   ========================================================================== */
.msb-lol-content-area {
  flex: 1;
  min-width: 0; /* Empêche le dépassement dans un contexte flex */
}

/* Liste des sujets (board-template.php) */
.msb-lol-thread-list {
  background-color: var(--clr-bg-container);
  border: 1px solid var(--clr-border-accent);
  border-radius: var(--border-radius);
}

.msb-lol-thread-item {
  display: flex;
  align-items: center; /* Centre verticalement avatar et contenu */
  padding: var(--space-md);
  background-color: var(--clr-bg-element);
  border-bottom: 1px solid var(--clr-divider);
  gap: var(--space-md);
  transition: background-color 0.2s ease;
  /* gap: var(--space-md); Pas besoin de le répéter */
}
.msb-lol-thread-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--border-radius); /* Coins arrondis pour le dernier élément */
  border-bottom-right-radius: var(--border-radius);
}
.msb-lol-thread-item:first-child {
  border-top-left-radius: var(--border-radius); /* Coins arrondis pour le premier élément */
  border-top-right-radius: var(--border-radius);
}
.msb-lol-thread-item:hover {
    background-color: var(--clr-bg-element-hover);
}

.msb-lol-thread-avatar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

.msb-lol-thread-main-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs); /* Espace entre titre et méta */
  min-width: 0; /* Permet à text-overflow de fonctionner */
}

.msb-lol-thread-main-content .title {
  font-size: var(--font-size-lg);
  font-weight: 500;
  margin: 0; /* Reset margin pour le titre */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msb-lol-thread-main-content .title a {
    color: var(--clr-text-heading); /* Couleur du titre */
}
.msb-lol-thread-main-content .title a:hover {
    color: var(--clr-text-link-hover);
}

.msb-lol-thread-main-content .meta {
  font-size: var(--font-size-sm);
  color: var(--clr-text-secondary);
  display: flex; /* Pour aligner les éléments meta */
  flex-wrap: wrap; /* Permet le retour à la ligne */
  gap: var(--space-xs) var(--space-sm); /* Espace vertical et horizontal entre les meta */
  margin: 0; /* Reset margin */
}
.msb-lol-thread-main-content .meta .author,
.msb-lol-thread-main-content .meta .board-name {
  color: var(--clr-text-link);
  font-weight: bold;
}
.msb-lol-thread-main-content .meta .time,
.msb-lol-thread-main-content .meta .in-board-text {
  color: var(--clr-text-secondary);
}

.msb-lol-thread-stats {
  display: flex;
  flex-shrink: 0; /* Empêche le rétrécissement des stats */
  gap: var(--space-md);
  text-align: center;
  min-width: 100px; /* Ajustez pour la largeur des stats */
}
.msb-lol-thread-stats .stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--clr-text-secondary);
    font-size: var(--font-size-sm);
    min-width: 45px;
}
.msb-lol-thread-stats .stat-item .count {
    font-size: var(--font-size-lg);
    color: var(--clr-text-primary);
    font-weight: bold;
    line-height: 1.2;
}
.msb-lol-thread-stats .stat-item .label {
    font-size: 10px;
    text-transform: uppercase;
}

/* ==========================================================================
   Sujets Épinglés
   ========================================================================== */
.msb-lol-pinned-threads-list {
  background-color: var(--clr-bg-element); /* Fond des sujets épinglés, un bleu plus clair que les sujets normaux */
  /* Si vous avez une variable pour un bleu encore plus clair :
  background-color: var(--clr-bg-pinned-element, #1E2A3A); /* Fallback si la variable n'existe pas */
  border: 1px solid var(--clr-border-accent); /* Bordure dorée */
  border-radius: var(--border-radius);
  margin-bottom: var(--space-lg); /* Espace entre les épinglés et la liste normale */
}

.msb-lol-pinned-threads-list .msb-lol-thread-item {
  background-color: transparent; /* Le fond est sur le conteneur parent */
  /* border-bottom: 1px solid var(--clr-divider); */ /* Garder la bordure si vous voulez des séparateurs internes */
}

.msb-lol-pinned-threads-list .msb-lol-thread-item:last-child {
  border-bottom: none; /* Pas de bordure en bas pour le dernier épinglé */
}

/* Ajustement si le fond des items épinglés doit être différent du conteneur global des épinglés */
.msb-lol-pinned-threads-list .msb-lol-thread-item.msb-pinned-item {
    background-color: var(--clr-bg-element-pinned);
}

/* L'icône d'épingle reste comme avant */
.msb-lol-thread-item .title .msb-pinned-icon {
    color: var(--clr-accent-gold);
    margin-right: var(--space-xs);
    font-size: 0.9em;
    vertical-align: middle;
}

.msb-admin-button.msb-delete-button {
    background-color: #c0392b; /* Rouge pour suppression */
    /* Vous pouvez ajouter d'autres styles comme une couleur de texte différente si nécessaire */
}

.msb-admin-button.msb-delete-button:hover,
.msb-admin-button.msb-delete-button:focus {
    background-color: #a93226; /* Rouge plus foncé au survol */
}

.msb-admin-button.msb-delete-button i.fas {
    margin-right: var(--space-xs);
}

.msb-lol-thread-stats {
    /* display: flex; est déjà présent */
    align-items: center; /* Assure l'alignement vertical de l'icône avec le reste */
}

.msb-thread-locked-icon {
    color: var(--clr-text-secondary); /* Ou une couleur plus distinctive si vous préférez, ex: var(--clr-accent-gold) */
    font-size: 0.9em; /* Ajustez la taille de l'icône si nécessaire */
    margin-right: var(--space-sm); /* Espace entre le cadenas et le bloc de stats "Réponses" */
                                  /* Ajustez var(--space-xs) si vous voulez moins d'espace */
    line-height: 1; /* Pour éviter des décalages verticaux */
}

/* --- Light Mode --- */

/* Contenu principal : Liste des sujets / Sujet unique */
html.light-mode .msb-lol-thread-list {
    background-color: var(--color-component-background); /* Beige pour le conteneur de la liste */
    border: 1px solid var(--clr-border-accent); /* Garde la bordure dorée */
}

html.light-mode .msb-lol-thread-item {
    background-color: var(--color-background); /* Beige très clair pour chaque item */
    border-bottom: 1px solid var(--clr-divider, #E0D5C1); /* Séparateur beige */
}
html.light-mode .msb-lol-thread-item:hover {
    background-color: #F5F0E8; /* Un beige légèrement différent au survol, à ajuster */
}

html.light-mode .msb-lol-thread-main-content .title a {
    color: var(--color-text-heading, #4A3B31); /* Texte foncé pour titres */
}
html.light-mode .msb-lol-thread-main-content .title a:hover {
    color: var(--clr-text-link-hover); /* Doré au survol */
}

html.light-mode .msb-lol-thread-main-content .meta {
    color: var(--color-text-secondary);
}
html.light-mode .msb-lol-thread-main-content .meta .author,
html.light-mode .msb-lol-thread-main-content .meta .board-name {
    color: var(--clr-text-link); /* Doré */
}

html.light-mode .msb-lol-thread-stats .stat-item {
    color: var(--color-text-secondary);
}
html.light-mode .msb-lol-thread-stats .stat-item .count {
    color: var(--color-text);
}
html.light-mode .msb-lol-thread-stats .stat-item .label {
    color: var(--color-text-secondary);
}

/* Icône de cadenas pour sujet verrouillé */
html.light-mode .msb-thread-locked-icon {
    color: var(--color-text-secondary);
}

/* Sujets Épinglés */
html.light-mode .msb-lol-pinned-threads-list {
  background-color: var(--color-component-background); /* Un beige un peu plus soutenu pour le conteneur des épinglés */
  border: 1px solid var(--clr-border-accent); /* Bordure dorée conservée */
}
html.light-mode .msb-lol-pinned-threads-list .msb-lol-thread-item.msb-pinned-item {
    background-color: #FFFBF5; /* Un beige très, très clair, presque blanc cassé pour les items épinglés, pour se distinguer un peu */
                                 /* Ou var(--color-background) si vous préférez le même que les sujets normaux */
}
html.light-mode .msb-lol-thread-item .title .msb-pinned-icon {
    color: var(--clr-accent-gold); /* L'icône d'épingle reste dorée */
}