/* Preloader safety fallback — auto-hide after 5s even if JS fails */
@keyframes jolaHideLoader {
  0%, 80% { visibility: visible; opacity: 1; }
  100% { visibility: hidden; opacity: 0; }
}
#loading-area {
  animation: jolaHideLoader 6s forwards;
  animation-delay: 3s;
}

/* Put logo, hamburger, and search ABOVE the mobile .header-nav layer
   (.header-nav is bg-white z-9999 and can cover these on Samsung Chrome) */
@media (max-width: 1023px) {
  .logo-dark,
  .xmenu-toggler,
  .extra-nav {
    position: relative;
    z-index: 20000;
  }
}