/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ===============================
   🎨 تنظیمات کلی و رنگ‌ها (نسخه سفارشی نوین)
================================ */
#content-suite{
  --bg:#ffffff;
  --bg-alt:#F3F7FA;
  --ink:#0F3E4A;           /* رنگ اصلی تیتر */
  --muted:#64748B;         /* رنگ متن فرعی */
  --line:#E2E8F0;          /* خط‌های جداکننده */
  --brand:#3AA9A8;         /* رنگ سبز-آبی برند */
  --green:#2EBEAC;         /* سبز روشن‌تر */
  --red:#dc2626;
  --amber:#f59e0b;
  --blue:#14727E;          /* نسخه تیره‌تر برند */
  --ink-weak:#4B5563;
}

/* ===============================
   🧩 لایه‌بندی و کانتینرها
================================ */
#content-suite .section{padding:56px 20px;margin:0;}
#content-suite .section--alt{background:var(--bg-alt);}
#content-suite .container{max-width:1200px;margin:0 auto;}
#content-suite .wrap-900{max-width:900px;margin:0 auto;}
#content-suite .wrap-1000{max-width:1000px;margin:0 auto;}
#content-suite .rtl{text-align:right;}
#content-suite .center{text-align:center;}

/* ===============================
   ✍️ تایپوگرافی
================================ */
#content-suite .h1{
  font-size:32px;
  font-weight:800;
  color:var(--ink);
  margin:0 0 16px;
}
#content-suite .h2{
  font-size:28px;
  font-weight:700;
  color:var(--ink);
  margin:0 0 10px;
}
#content-suite .lead{
  font-size:16px;
  color:var(--ink-weak);
  line-height:1.9;
  margin:0;
}
#content-suite .p{
  font-size:15px;
  color:var(--muted);
  line-height:1.85;
  margin:0;
}
#content-suite strong{font-weight:700;}

/* ===============================
   🔘 دکمه‌ها (CTA)
================================ */
#content-suite .btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
  transition:.2s;
}
#content-suite .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(2,6,23,.08);
}

/* رنگ دکمه‌های مناسب برند */
#content-suite .btn--blue{
  background:var(--blue);
  color:#fff;
}
#content-suite .btn--blue:hover{background:#0F5F6D;}

#content-suite .btn--green{
  background:var(--brand);
  color:#fff;
}
#content-suite .btn--green:hover{background:#32948F;}

#content-suite .btn--red{
  background:var(--red);
  color:#fff;
}
#content-suite .btn--red:hover{background:#b91c1c;}

/* ===============================
   📦 کارت‌ها و باکس‌ها
================================ */
#content-suite .card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px;
  transition:.2s;
}
#content-suite .card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 16px rgba(2,6,23,.08);
}
#content-suite .card h3{
  font-size:18px;
  color:var(--ink);
  margin:0 0 8px;
}
#content-suite .card--muted{
  background:#f8fafc;
  border-style:dashed;
}

/* ===============================
   📊 آمار (Stats)
================================ */
#content-suite .stat{
  flex:0 0 220px;
  background:var(--bg-alt);
  border:1px solid var(--line);
  border-radius:12px;
  padding:20px;
  text-align:center;
}
#content-suite .stat h3{
  font-size:28px;
  font-weight:800;
  margin:0 0 8px;
  color:var(--brand);
}

/* ===============================
   🗂 گریدها
================================ */
#content-suite .grid{display:grid;gap:18px;}
#content-suite .grid-5{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
#content-suite .grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
#content-suite .grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
#content-suite .grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}

/* ===============================
   📋 لیست‌ها
================================ */
#content-suite ul{margin:8px 0;padding-right:16px;list-style:disc;list-style-position:inside;}
#content-suite li{font-size:14.5px;color:#334155;line-height:1.85;}

/* ===============================
   🦸 Hero Section
================================ */
#content-suite .hero{
  background:#F3F7FA;
  text-align:center;
}
#content-suite .hero .intro{
  font-size:18px;
  color:var(--ink-weak);
  max-width:800px;
  margin:0 auto 22px;
  line-height:1.8;
}

/* ===============================
   🚀 Final CTA
================================ */
#content-suite #final-cta{
  background:var(--ink);
  color:#fff;
  text-align:center;
  padding:64px 20px;
}
#content-suite #final-cta h2{
  font-size:30px;
  margin:0 0 14px;
  color:var(--brand);
}
#content-suite #final-cta p{
  font-size:16px;
  color:#d9e5ea;
  margin:0 0 22px;
}

/* ===============================
   📱 ریسپانسیو
================================ */
@media(max-width:640px){
  #content-suite .h1{font-size:26px;}
  #content-suite .h2{font-size:24px;}
  #content-suite #final-cta h2{font-size:24px;}
}
@media(max-width:480px){
  #content-suite .grid-5,
  #content-suite .grid-4,
  #content-suite .grid-3,
  #content-suite .grid-2{
    grid-template-columns:1fr;
  }
}