/* =========================================================
   FARATEC Preloader — Stroke draw-on logo + center-out curtain reveal
   ========================================================= */

:root{
  --faratec-preloader-bg: #141414; /* رنگ پرده / tiles */
}

body.preloader-active{
  overflow: hidden;
  height: 100%;
}

#site-preloader{
  position: fixed;
  inset: 0;
  z-index: 999999; /* بالاتر از admin bar وردپرس (z-index: 99999) */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.preloader-tiles{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
}

.tiles-row{
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  flex: 1 1 50%;
}

.tile{
  background: var(--faratec-preloader-bg);
  /* micro overlap so no hairline seams show while tiles are moving */
  margin: -0.5px;
}

.preloader-logo-wrap{
  position: relative;
  z-index: 2;
}

.preloader-logo-wrap svg{
  width: min(48vw, 260px);
  height: auto;
  overflow: visible;
}

.letter{
  fill-opacity: 0;
  stroke-opacity: 1;
}

@media (prefers-reduced-motion: reduce){
  #site-preloader{ display: none !important; }
  body.preloader-active{ overflow: auto; height: auto; }
}