/* ==========================================================================
   KOUL Theme — Luxury Preloader
   ========================================================================== */

#koul-preloader {
  position: fixed;
  inset: 0;
  background-color: #080808;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}

#koul-preloader.fade-out {
  opacity: 0;
  visibility: hidden;
}

/* Logo — centered, clean */
.preloader-logo {
  width: 120px;
  height: 120px;
  object-fit: contain;
  animation: preloaderZoomIn 0.6s ease forwards;
}

/* Gold line sweeps under logo */
.preloader-line {
  width: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, #C9A84C, transparent);
  margin-top: 28px;
  animation: preloaderLine 2s ease forwards;
}

/* Subtle loading text */
.preloader-label {
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: rgba(201, 168, 76, 0.5);
  margin-top: 18px;
  opacity: 0;
  animation: preloaderFadeIn 0.6s ease 0.4s forwards;
}

/* Animations */
@keyframes preloaderZoomIn {
  0%   { opacity: 0; transform: scale(0.85); }
  100% { opacity: 1; transform: scale(1);    }
}

@keyframes preloaderLine {
  0%   { width: 0;     opacity: 0; }
  30%  { opacity: 1; }
  100% { width: 160px; opacity: 1; }
}

@keyframes preloaderFadeIn {
  to { opacity: 1; }
}