/* Fond personnalisé L’Écho du Der */
html {
  min-height: 100%;
  background: transparent !important;
}

body {
  position: relative;
  min-height: 100vh;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,0,0,.34) 0%, rgba(0,0,0,.16) 16%, transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(0,0,0,.30) 0%, rgba(0,0,0,.14) 16%, transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(0,0,0,.38) 0%, rgba(0,0,0,.18) 18%, transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(0,0,0,.42) 0%, rgba(0,0,0,.20) 18%, transparent 38%),
    linear-gradient(rgba(2,10,28,.05), rgba(2,10,28,.11)),
    url("/assets/img/background-site.jpg") center center / cover no-repeat fixed !important;
}

/* Neutralise les anciens calques du thème qui pouvaient masquer le fond. */
body::before,
body::after {
  display: none !important;
  content: none !important;
}

.background-scene {
  display: none !important;
}

/* Conserve la lisibilité des cartes au-dessus de l'image. */
.now-card,
.history-card,
.site-menu {
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(circle at 0% 0%, rgba(0,0,0,.34) 0%, rgba(0,0,0,.16) 16%, transparent 34%),
      radial-gradient(circle at 100% 0%, rgba(0,0,0,.30) 0%, rgba(0,0,0,.14) 16%, transparent 34%),
      radial-gradient(circle at 0% 100%, rgba(0,0,0,.38) 0%, rgba(0,0,0,.18) 18%, transparent 36%),
      radial-gradient(circle at 100% 100%, rgba(0,0,0,.42) 0%, rgba(0,0,0,.20) 18%, transparent 38%),
      linear-gradient(rgba(2,10,28,.05), rgba(2,10,28,.11)),
      url("/assets/img/background-site.jpg") center center / cover no-repeat scroll !important;
  }
}