/* 
 * Custom preloader animation styles
 * Adds slide down/up animation similar to menu
 * Using lw- prefix to avoid conflicts with Flatsome
 */

/* Custom preloader overlay */
.lw-customize-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFDF7; /* Updated color as per requirement */
  z-index: 9999;
  clip-path: inset(0 0 0 0); /* Start fully visible */
  transition: clip-path 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Loading percentage display */
.lw-loading-percentage {
  font-size: 48px;
  font-weight: bold;
  color: #333;
  z-index: 10000;
  transition: opacity 0.3s ease;
}

/* When page is loaded, slide up the preloader */
.lw-customize-preloader.lw-loaded {
  clip-path: inset(0 0 100% 0);
}

/* Fallback for browsers that don't support clip-path */
@supports not (clip-path: inset(0 0 0 0)) {
  .lw-customize-preloader {
    transform: translateY(0);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  .lw-customize-preloader.lw-loaded {
    transform: translateY(-100%);
  }
}

/* Accessibility - respect user preferences */
@media (prefers-reduced-motion: reduce) {
  .lw-customize-preloader {
    transition: none !important;
  }
}