/*
Theme Name: SakhtYar Flow
Theme URI: https://sakhtyarflow.ir
Author: SakhtYar
Description: قالب اختصاصی اولیه SakhtYar Flow با راه‌اندازی خودکار صفحات و منوها.
Version: 0.1.0
Text Domain: sakhtyar-flow
Requires at least: 6.7
Requires PHP: 8.2
*/

:root{
  --syf-bg:#f6f8fb;
  --syf-card:#ffffff;
  --syf-text:#152033;
  --syf-muted:#64748b;
  --syf-accent:#2563eb;
  --syf-border:#e5e7eb;
}
*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--syf-bg);color:var(--syf-text);direction:rtl}
a{color:inherit;text-decoration:none}
.syf-wrap{width:min(1180px,92%);margin-inline:auto}
.syf-header{background:#fff;border-bottom:1px solid var(--syf-border);position:sticky;top:0;z-index:20}
.syf-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.syf-brand{font-size:22px;font-weight:800}
.syf-nav{display:flex;gap:18px;flex-wrap:wrap}
.syf-nav a{color:#334155;font-size:14px}
.syf-hero{padding:84px 0 60px;background:linear-gradient(180deg,#fff 0%,#eef4ff 100%)}
.syf-hero h1{font-size:clamp(36px,6vw,64px);line-height:1.25;margin:0 0 18px}
.syf-hero p{font-size:20px;line-height:2;color:var(--syf-muted);max-width:760px}
.syf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.syf-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;border:1px solid var(--syf-border);background:#fff}
.syf-btn.primary{background:var(--syf-accent);color:#fff;border-color:var(--syf-accent)}
.syf-section{padding:64px 0}
.syf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.syf-card{background:var(--syf-card);border:1px solid var(--syf-border);border-radius:18px;padding:24px}
.syf-card h3{margin-top:0}
.syf-muted{color:var(--syf-muted)}
.syf-footer{background:#0f172a;color:#cbd5e1;padding:36px 0;margin-top:48px}
.syf-content{background:#fff;border:1px solid var(--syf-border);border-radius:18px;padding:28px;margin:36px auto}
@media (max-width:800px){
  .syf-header-inner{flex-direction:column;align-items:flex-start;padding:14px 0}
  .syf-grid{grid-template-columns:1fr}
}