/*
Theme Name: Tasvirafarin Mehr
Theme URI: https://tasvirafarin.com
Description: قالب مستقل تصویرآفرین مهر، تبدیل‌شده از Child Theme و بدون وابستگی به GeneratePress.
Author: Tasvirafarin
Version: 3.14.0
Text Domain: tasvirafarin
Requires at least: 6.0
Requires PHP: 7.4
*/

/* فونت وزیرمتن (Variable، وزن ۱۰۰ تا ۹۰۰ در یک فایل) — سراسری، یک‌بار برای کل سایت */
@font-face{font-family:'Vazirmatn';src:url('assets/fonts/vazirmatn.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}

/* ==================================================================
   پالت رنگ برند — منبع واحد. در همه‌ی فایل‌های CSS سایت به‌جای کد هگز
   از همین متغیرها استفاده شده؛ برای تغییر یک رنگ در کل سایت، فقط
   همین‌جا را عوض کنید. (پیشوند --tf-c- عمداً با متغیرهای محلیِ صفحات
   مثل --tf-bg تداخل ندارد.)
   ================================================================== */
:root{
  --tf-c-navy:#0B1F3A;        /* پس‌زمینه‌ی اصلی */
  --tf-c-navy-2:#0f1b33;      /* سطح‌ها و کارت‌ها */
  --tf-c-orange:#d98a3d;      /* رنگ اصلی برند */
  --tf-c-orange-light:#f0ae6b;
  --tf-c-ink:#241505;         /* متن روی دکمه‌های نارنجی */
  --tf-c-mist:#dbe0e8;        /* متن روشن */
  --tf-c-slate:#94a3b8;       /* متن کم‌رنگ */
  --tf-c-red:#d9503d;
  --tf-c-red-deep:#d84b3d;

  /* مقیاس تیترها — مشترک بین فارسی و انگلیسی؛ روی موبایل خودکار کوچک می‌شن */
  --tf-h1:clamp(30px, 1.2rem + 3vw, 48px);
  --tf-h2:clamp(24px, 1.1rem + 1.6vw, 34px);
}

/* هیچ صفحه‌ای نباید اسکرول افقی داشته باشد (شبکه‌ی ایمنی سراسری) */
html, body{ overflow-x:hidden !important; max-width:100%; }


:root{--tf-bg:var(--tf-c-navy);--tf-surface:var(--tf-c-navy-2);--tf-orange:var(--tf-c-orange);--tf-orange-light:var(--tf-c-orange-light);--tf-muted:var(--tf-c-slate);--tf-text:#fff;--tf-line:rgba(255,255,255,.1)}
html,body{margin:0;padding:0;background:var(--tf-bg);color:var(--tf-text)}
body{font-family:'Vazirmatn',Tahoma,sans-serif;line-height:1.8;overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
.site-main{width:100%;margin:0;padding:0}
.site-content{width:100%;margin:0;padding:0}
#page{width:100%;margin:0;padding:0}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ==================================================================
   پایه‌ی مشترک صفحات سفارشی (page-*-tf.php + تک‌محصول ووکامرس)
   یه‌بار سراسری — قبلاً این بلوک تو ۱۰+ فایل جدا-جدا کپی شده بود.
   هر تمپلیت فقط اگه لازم داشت، override کوتاهی (مثلاً عرض .tf-wrap
   یا line-height) رو تو <style> خودش اضافه می‌کنه.
   ================================================================== */
.tf-page{
  --bg:var(--tf-c-navy); --surface:var(--tf-c-navy-2); --surface-2:rgba(255,255,255,0.05);
  --teal-light:var(--tf-c-slate); --orange:var(--tf-c-orange); --orange-light:var(--tf-c-orange-light);
  --text:#ffffff; --text-muted:var(--tf-c-slate); --line:rgba(255,255,255,0.1);
  margin-top:-1px;
}
.tf-page *{box-sizing:border-box;}
.tf-page h1,.tf-page h2,.tf-page h3,.tf-page h4{font-family:'Vazirmatn','Tahoma',sans-serif !important;color:var(--text) !important;}
.tf-page .tf-mono{font-family:Consolas,Monaco,'Vazirmatn',monospace;letter-spacing:0.5px;}
.tf-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* ==================================================================
   Footer — قدیمی/غیرفعال؛ حذف شد (۲۰۲۶). این بلوک واقعاً رندر نمی‌شد،
   ولی چون همون کلاس‌ها (.tf-footer-grid, .tf-footer-brand) الان تو
   فوتر واقعی (inc/site-footer.php → tf_custom_footer_content) هم استفاده
   می‌شن، این نسخه‌ی قدیمی داشت رو مقادیرِ gap/padding واقعی override
   می‌کرد و یه چیدمانِ ترکیبی (نصفه grid نصفه flex) می‌ساخت.
   ================================================================== */