#menu-popup {
  display: none;
}

#loaderBackground {
  overflow: hidden;
  background-color: white;
  content: "";
  position: fixed;
  z-index: 6666;
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

#site-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 6668;
  background: url("https://www.fisiosarche.it/wp-content/uploads/2025/03/logo-fisiosarche-stefano-ceschini.png");
  background-repeat: no-repeat;
  background-position-y: 12px;
  width: 265px;
  height: 125px;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.loading-bar {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 3px;
  background-color: #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
  z-index: 6668;
}

.loading-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  background-color: #B27A3A;
  border-radius: 10px;
  animation: loading-bar-animation 1.5s infinite ease-in-out;
}

@keyframes loading-bar-animation {
  0% {
    left: -30%;
  }
  100% {
    left: 100%;
  }
}