/* ============================================================
   INFORMATIONS LIST — reskin visuel, structure HTML inchangée
   ============================================================ */

/* ── Breadcrumb / titre page ── */
.breadcrumb-item.active h1 {
  font-size: 1.1rem;
  font-weight: 700;
}

/* ── Card image gauche (pair) ── */
.card.border-0.bg-transparent {
  border-radius: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.card.border-0.bg-transparent:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 32px rgba(99,102,241,.13);
}
.card.border-0.bg-transparent .rounded-3 {
  border-radius: 12px !important;
}
.card.border-0.bg-transparent h2.h4 a {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}
.card.border-0.bg-transparent h2.h4 a:hover {
  color: #a78bfa;
}

/* ── Card texte (impair) ── */
article.card:not(.border-0) {
  border: 1px solid rgba(99,102,241,.18) !important;
  border-radius: 14px !important;
  background: rgba(10,8,30,.82) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
[data-bs-theme="light"] article.card:not(.border-0) {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(99,102,241,.07);
}
article.card:not(.border-0):hover {
  transform: translateY(-3px);
  border-color: rgba(99,102,241,.45) !important;
  box-shadow: 0 10px 32px rgba(99,102,241,.13);
}
article.card:not(.border-0) h3.h4 a {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}
article.card:not(.border-0) h3.h4 a:hover {
  color: #a78bfa;
}

/* ── Badges catégorie ── */
.badge.bg-info {
  background: rgba(99,102,241,.85) !important;
  border-radius: 50px !important;
  font-size: .7rem !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: .28rem .75rem !important;
}
.badge.bg-warning {
  background: rgba(167,139,250,.85) !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-size: .7rem !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: .28rem .75rem !important;
}

/* ── Tags ── */
.btn.btn-outline-secondary.btn-sm {
  font-size: .7rem !important;
  font-weight: 600;
  color: rgba(167,139,250,.85) !important;
  background: rgba(167,139,250,.08) !important;
  border: 1px solid rgba(167,139,250,.2) !important;
  border-radius: 50px !important;
  padding: .18rem .6rem !important;
  transition: background .2s, color .2s;
}
.btn.btn-outline-secondary.btn-sm:hover {
  background: rgba(167,139,250,.2) !important;
  color: #a78bfa !important;
}

/* ── Sidebar ── */
#blog-sidebar .card.card-body {
  background: rgba(10,8,30,.82) !important;
  border: 1px solid rgba(99,102,241,.15) !important;
  border-radius: 14px !important;
}
[data-bs-theme="light"] #blog-sidebar .card.card-body {
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(99,102,241,.06);
}
#blog-sidebar h3.h5 {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #a78bfa;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(99,102,241,.15);
  margin-bottom: .85rem;
}

/* Liens catégories sidebar */
#blog-sidebar .nav-link {
  font-size: .875rem;
  color: rgba(255,255,255,.65);
  transition: color .2s;
  padding: .38rem 0 !important;
  border-bottom: 1px solid rgba(99,102,241,.07);
}
#blog-sidebar .nav-link:last-child { border-bottom: none; }
#blog-sidebar .nav-link:hover { color: #a78bfa; }
[data-bs-theme="light"] #blog-sidebar .nav-link { color: rgba(10,8,25,.6); }

/* Articles populaires sidebar */
#popular-posts-container li {
  border-bottom: 1px solid rgba(99,102,241,.08) !important;
  padding: .55rem 0 !important;
}
#popular-posts-container li:last-child { border-bottom: none !important; }
#popular-posts-container h4.h6 a {
  font-size: .85rem;
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}
#popular-posts-container h4.h6 a:hover { color: #a78bfa; }

/* Tags sidebar */
#tags-container .btn {
  font-size: .7rem !important;
  font-weight: 600;
  color: rgba(167,139,250,.85) !important;
  background: rgba(167,139,250,.08) !important;
  border: 1px solid rgba(167,139,250,.2) !important;
  border-radius: 50px !important;
  padding: .18rem .6rem !important;
}
#tags-container .btn:hover {
  background: rgba(167,139,250,.2) !important;
  color: #a78bfa !important;
}

/* ── Bouton Voir plus ── */
#loadMoreButton {
  border-radius: 10px;
}

/* ── Réseaux sociaux sidebar ── */
#blog-sidebar .card:not(.card-body) {
  background: rgba(10,8,30,.82) !important;
  border: 1px solid rgba(99,102,241,.15) !important;
  border-radius: 14px !important;
}
[data-bs-theme="light"] #blog-sidebar .card:not(.card-body) {
  background: #fff !important;
}
#blog-sidebar h4 {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #a78bfa;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(99,102,241,.15);
  margin-bottom: .85rem !important;
}