/*
 Theme Name:   Avada Child — Manoah
 Theme URI:    https://manoah.space
 Description:  Thème enfant d'Avada avec animation de chargement
 Author:       Manoah AIT KHELIFA
 Author URI:   https://manoah.space
 Template:     Avada
 Version:      1.0.0
 Text Domain:  avada-child-manoah
*/

/* =============================================
   ANIMATION DE CHARGEMENT — PRELOADER
   Fond noir, compteur blanc 0 → 100%
   ============================================= */

#manoah-preloader {
  position: fixed;
  inset: 0;
  background: #000000;
  z-index: 99999;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 6vh 7vw;
  pointer-events: all;
  overflow: hidden;
}

/* ── Ordi & tablette ── */
#manoah-preloader .preloader-counter {
  font-family: 'Questrial', sans-serif;
  font-size: clamp(80px, 16vw, 200px);
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -0.03em;
  user-select: none;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

#manoah-preloader .preloader-counter .digits-wrapper {
  display: inline-flex;
  flex-direction: column;
  transition: none;
}

#manoah-preloader .preloader-counter .digit-slot {
  display: block;
  line-height: 1;
}

#manoah-preloader .preloader-percent {
  font-family: 'Questrial', sans-serif;
  font-size: clamp(20px, 3vw, 48px);
  font-weight: 400;
  color: #ffffff;
  margin-left: 0.3em;
  margin-bottom: 0.15em;
  align-self: flex-end;
  opacity: 0.7;
}

/* ── Mobile (max 767px) ── */
@media (max-width: 767px) {
  #manoah-preloader .preloader-counter {
    font-size: clamp(60px, 22vw, 120px);
  }
  #manoah-preloader .preloader-percent {
    font-size: clamp(16px, 5vw, 32px);
  }
}

/* Slide up pour faire disparaître le preloader */
#manoah-preloader.slide-out {
  animation: preloaderSlideUp 0.9s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@keyframes preloaderSlideUp {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

/* Cache le contenu principal pendant le chargement */
body.is-loading {
  overflow: hidden;
}

body.is-loading #wrapper_all,
body.is-loading #wrapper_blank {
  opacity: 0;
  transition: opacity 0.4s ease;
}

body.loading-done #wrapper_all,
body.loading-done #wrapper_blank {
  opacity: 1;
}