.site-bg{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  color: var(--bs-primary); /* primary */
}

.site-bg__svg{
  width: 100%;
  height: 100%;
  display: block;
}

/* contenu au-dessus */
body > *{
  position: relative;
  z-index: 1;
}

/* perf animation */
.bg-blob{
  will-change: transform;
  transform-origin: center;
}
/* Navbar glass */
.navbar-glass{
  /* backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);

  background: rgba(255,255,255,0.55);
  transition: background 0.3s ease, box-shadow 0.3s ease;
  z-index: 10; */
}

/* Mode sombre auto */
@media (prefers-color-scheme: dark){
  .navbar-glass{
    background: rgba(20,20,20,0.55);
  }
}

/* Texte toujours lisible */
/* .navbar-glass .nav-link,
.navbar-glass .navbar-brand,
.navbar-glass .btn{
  color: var(--bs-dark);
} */

@media (prefers-color-scheme: dark){
  .navbar-glass .nav-link,
  .navbar-glass .navbar-brand,
  .navbar-glass .btn{
    color: #f8f9fa;
  }
}

/* Icône burger visible */
.navbar-glass .navbar-toggler{
  border-color: rgba(0,0,0,.15);
}
.navbar-glass .navbar-toggler-icon{
  filter: invert(0);
}

@media (prefers-color-scheme: dark){
  .navbar-glass .navbar-toggler-icon{
    filter: invert(1);
  }
}

.navbar-glass.navbar-scrolled{
  background: rgba(255,255,255,0.85);
  box-shadow: 0 2px 20px rgba(0,0,0,.06);
}

@media (prefers-color-scheme: dark){
  .navbar-glass.navbar-scrolled{
    background: rgba(20,20,20,0.85);
    box-shadow: 0 2px 20px rgba(0,0,0,.25);
  }
}

/* Image des cards auteur */
/* Image des cards – hauteur contrôlée par breakpoint */
.post-thumb{
  width: 100%;
  height: 220px;          /* lg et + */
  object-fit: cover;
  display: block;
}

/* >= md et < lg */
@media (max-width: 1199.98px){
  .post-thumb{
    height: 200px;
  }
}

/* >= sm et < md */
@media (max-width: 991.98px){
  .post-thumb{
    height: 180px;
  }
}

/* mobile */
@media (max-width: 575.98px){
  .post-thumb{
    height: 160px;
  }
}
.tag-card{
  display: block;
  text-decoration: none;
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background: rgba(15,15,20,.70);
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.tag-card:hover{
  transform: translateY(-2px);
  background: rgba(25,25,35,.80);
  border-color: rgba(255,255,255,.20);
}
.tag-card__name{
  color: rgba(255,255,255,.92);
  font-weight: 700;
  margin-bottom: .25rem;
}
.tag-card__meta{
  color: rgba(255,255,255,.60);
}
.tags-cloud{
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

/* Chip */
.tag-chip{
  padding: .55rem .75rem;
  font-weight: 600;
}

.tag-chip__count{
  margin-left: .5rem;
  font-weight: 500;
  opacity: .85;
}