/*
Theme Name: White Page
Description: قالب خیلی ساده: یک صفحه سفید با لوگو دقیقاً در وسط و یک جمله در پایین صفحه.
Version: 1.5
Author: -
Text Domain: white-page
*/

/* فونت وزیر: اگر فایل Vazir.woff2 در پوشه fonts باشد از آن استفاده می‌شود */
@font-face {
  font-family: "Vazir";
  src: url("fonts/Vazir.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #ffffff;
  color: #333333;
  font-family: "Vazir", "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
}

.wp-page {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
}

/* لوگو دقیقاً وسط صفحه (هم افقی، هم عمودی) */
.wp-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: max-content;
  max-width: 90%;
}

.wp-logo a,
.wp-logo img {
  display: block;
  margin: 0 auto;
}

.wp-logo img {
  max-width: min(280px, 80vw);
  max-height: 280px;
  width: auto;
  height: auto;
}

.wp-logo .wp-site-name {
  font-size: 2rem;
  font-weight: bold;
  color: #222;
}

/* جمله پایین صفحه + سه نقطه لودینگ */
.wp-footer {
  position: absolute;
  bottom: 56px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 16px;
  font-size: 0.95rem;
  color: #666666;
}

.wp-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 14px;
  direction: ltr;
}

.wp-dots span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1e3a52;
  opacity: 0.25;
  animation: wp-dot 1.2s infinite ease-in-out;
}

.wp-dots span:nth-child(2) { animation-delay: 0.2s; }
.wp-dots span:nth-child(3) { animation-delay: 0.4s; }

@keyframes wp-dot {
  0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
  40%           { opacity: 1;    transform: translateY(-6px); }
}

@media (prefers-reduced-motion: reduce) {
  .wp-dots span { animation: none; opacity: 0.6; }
}

/* موبایل: لوگو کمی بالاتر از وسط */
@media (max-width: 768px) {
  .wp-logo { top: 36%; }
}