/* ---- particles.js styles (from Mon portfolio) ---- */
canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: fixed;
  background-blend-mode: multiply;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 0;
}

/* Ensure content stays above particles */
.index-page > *:not(#particles-js) {
  position: relative;
  z-index: 1;
}

/* Background visible sur toutes les pages - sections transparentes pour laisser voir les particules */
section,
.section,
section.section {
  background-color: transparent !important;
}

/* Override light-background pour ne pas masquer les particules */
.light-background {
  --background-color: transparent;
  background-color: transparent !important;
}

/* section-bg (projets, etc.) - fond transparent */
.section-bg,
.projects.section-bg {
  background-color: transparent !important;
}

/* Page title / breadcrumbs - transparent */
.page-title {
  background-color: transparent !important;
}

/* Footer - fond transparent pour laisser voir les particules */
.footer {
  background-color: transparent !important;
}

/* Main - transparent */
main {
  background-color: transparent !important;
}

/* Dark mode - garder les sections transparentes pour voir les particules */
body.dark-mode .section,
body.dark-mode section,
body.dark-mode .section .container,
body.dark-mode .footer,
body.dark-mode main {
  background-color: transparent !important;
}