/*
Theme Name: Behnia Coming Soon
Theme URI: https://behnia.ai
Author: Behnia
Description: قالب صفحه به زودی برای سایت AI و تکنولوژی به زبان فارسی همراه با شمارش معکوس و لینک شبکه‌های اجتماعی.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: behnia-coming-soon
*/

* { margin:0; padding:0; box-sizing:border-box; }
html,body { height:100%; }
body {
  font-family: 'IRANSans', Tahoma, sans-serif;
  background: #1a1d29;
  color:#fff;
  overflow-x:hidden;
  position:relative;
}

.bg-svg {
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}

.wrap {
  position:relative;
  z-index:2;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 2rem;
}

.wrap h1 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight:700;
  margin-bottom: 0.8rem;
  animation: fadeInUp 1s ease-out;
  text-shadow: 0 0 30px rgba(0,255,200,0.15);
}

.subtitle {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: rgba(255,255,255,0.45);
  margin-bottom: 3rem;
  animation: fadeInUp 1.2s ease-out;
}

.countdown {
  display:flex;
  gap: clamp(1rem, 3vw, 2.5rem);
  margin-bottom: 3rem;
  animation: fadeInUp 1.4s ease-out;
}

.countdown .box {
  position:relative;
  padding: 0 clamp(0.8rem, 2vw, 1.8rem);
}
.countdown .box:not(:last-child)::after {
  content:'';
  position:absolute;
  left:0; top:8px; bottom:8px;
  width:1px;
  background: rgba(255,255,255,0.15);
}
.countdown .num {
  font-size: clamp(2.2rem, 6vw, 3.4rem);
  font-weight:700;
  line-height:1;
  background: linear-gradient(135deg, #ffffff, #9fe8d8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.countdown .label {
  font-size: 0.7rem;
  letter-spacing:2px;
  color: rgba(255,255,255,0.35);
  margin-top:6px;
  text-transform:uppercase;
}

.socials {
  display:flex;
  gap:1.2rem;
  animation: fadeInUp 1.6s ease-out;
}
.socials a {
  width:50px; height:50px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.15);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  text-decoration:none;
  transition: all 0.3s ease;
  background: rgba(255,255,255,0.03);
}
.socials a:hover {
  background: rgba(0,255,200,0.12);
  border-color: rgba(0,255,200,0.5);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,255,200,0.15);
}
.socials svg { width:22px; height:22px; fill:currentColor; }

@keyframes fadeInUp {
  from { opacity:0; transform: translateY(25px); }
  to { opacity:1; transform: translateY(0); }
}

@media (max-width:480px) {
  .countdown { gap: 0.8rem; }
  .countdown .box { padding: 0 0.5rem; }
}

/* ===== Regular pages/posts (index.php) ===== */
body.behnia-cs-page {
  background: #f5f5f7;
  color: #1a1d29;
  min-height: 100vh;
}

.site-header {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  background: #1a1d29;
}
.site-title-link {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2rem;
}

.site-content .site-main {
  max-width: 800px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  line-height: 1.9;
}

.site-main .entry-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.site-main .entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.site-main .entry-content a {
  color: #00aaff;
}