/* =========================================================
   حالت «به‌زودی» — وقتی SITE_MODE در js/site-config.js برابر
   "coming-soon" باشد، تمام محتوای عادی صفحه پنهان و فقط این
   overlay نمایش داده می‌شود.
   ========================================================= */

.coming-soon-overlay{ display:none; }

html.coming-soon-mode body{ overflow:hidden; height:100%; }
html.coming-soon-mode body > *:not(.coming-soon-overlay){ display:none !important; }

html.coming-soon-mode .coming-soon-overlay{
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  inset:0;
  z-index:9999;
  background:var(--ink,#0B0B0C);
}

.coming-soon-bg{
  position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:92% 30%;
  filter:grayscale(1) contrast(1.05) brightness(.45);
}

.coming-soon-tint{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(11,11,12,.55) 0%, rgba(11,11,12,.86) 65%, rgba(11,11,12,.97) 100%);
}

.coming-soon-content{
  position:relative; z-index:2;
  max-width:560px;
  width:100%;
  margin:0 24px;
  padding:48px 40px;
  text-align:center;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(11,11,12,.35);
}

.coming-soon-logo{
  height:30px; width:auto;
  margin:0 auto 28px;
  filter:brightness(0) invert(1);
}

.coming-soon-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; color:#fff;
  border:1px solid rgba(255,255,255,.3);
  padding:6px 16px; margin-bottom:22px; letter-spacing:.04em;
}

.coming-soon-content h1{
  color:#fff; font-size:34px; margin:0 0 16px; letter-spacing:-.01em;
}

.coming-soon-content p{
  color:rgba(255,255,255,.72);
  font-size:15.5px;
  line-height:1.9;
  margin:0 0 8px;
}

.coming-soon-contacts{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.16);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.coming-soon-contacts a{
  color:#fff;
  font-size:15px;
  font-weight:600;
}

.coming-soon-contacts a:hover{ color:rgba(255,255,255,.7); }

.coming-soon-contacts .cs-phone{
  direction:ltr;
  unicode-bidi:isolate;
}