/* ==================== SIDEBAR MODES ==================== */
/* Gestion des deux modes du sidebar selon le tab actif */

/* ========== MODE ABOUT ME - Background gris clair #ECECEC ========== */
.profile-card.sidebar-about-mode {
  background: #ECECEC !important;
}

/* Mode About Me - Profile card content background */
.profile-card.sidebar-about-mode .profile-card-content {
  background: #ECECEC !important;
  backdrop-filter: none !important;
}

/* Mode About Me - News feed background (devrait être caché mais au cas où) */
.profile-card.sidebar-about-mode .news-feed {
  background: #ECECEC !important;
}

/* ========== MODE OTHER TABS - Background bleu #81A7C7 ========== */
.profile-card.sidebar-other-mode {
  background: #81A7C7 !important;
}

/* Mode Other Tabs - Profile card content background bleu */
.profile-card.sidebar-other-mode .profile-card-content {
  background: #81A7C7 !important;
  backdrop-filter: none !important;
}

/* Mode Other Tabs - News feed background transparent */
.profile-card.sidebar-other-mode .news-feed {
  background: transparent !important;
}

/* Mode Other Tabs - News feed title background #81A7C7 */
.profile-card.sidebar-other-mode .news-feed-title {
  background: #81A7C7 !important;
  color: #ffffff !important;
}

/* Mode Other Tabs - News feed items text in white */
.profile-card.sidebar-other-mode .news-feed-item-title {
  color: #ffffff !important;
}

.profile-card.sidebar-other-mode .news-feed-source,
.profile-card.sidebar-other-mode .news-feed-date {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Mode Other Tabs - Profile name "Jaurès AKRÉ" in WHITE (not in about me) */
.profile-card.sidebar-other-mode .profile-card-content .profile-name {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Mode Other Tabs - Profile title in white */
.profile-card.sidebar-other-mode .profile-card-content .profile-title {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Mode Other Tabs - Profile buttons text in white */
.profile-card.sidebar-other-mode .profile-btn {
  color: #ffffff !important;
}

/* Mode Other Tabs - Social icons: white background with blue #81A7C7 icons */
.profile-card.sidebar-other-mode .profile-social a {
  background: #ffffff !important;
  color: #81A7C7 !important;
}

/* Mode Other Tabs - News feed items transparent */
.profile-card.sidebar-other-mode .news-feed-item {
  background: transparent !important;
  border-left-color: rgba(255, 255, 255, 0.3) !important;
}

.profile-card.sidebar-other-mode .news-feed-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* ========== COMPORTEMENT DES ÉLÉMENTS ========== */
/* Cacher la description longue pour les autres tabs */
.profile-card.sidebar-other-mode .profile-description {
  display: none;
}

/* Cacher les cartes de navigation pour les autres tabs */
.profile-card.sidebar-other-mode .profile-nav-cards {
  display: none;
}