/* ==========================================================================
   استایلِ مشترکِ صفحاتِ فارسی — تصویرآفرین مهر
   قبلاً این قوانین (با همین متن، عین‌به‌عین) تو ۷-۸ تا فایلِ جدا کپی شده
   بودن: page-about-tf.php, page-contact-tf.php, page-latest-works-tf.php,
   woocommerce/taxonomy-product_cat.php (قالب‌های قدیمی مستند/داستانی/
   انیمیشن/جزئیات فیلم حذف شدند؛ آرشیو دسته‌ها جایشان را گرفته).
   هرچی که فقط مالِ یه صفحه‌ی خاصه (مثلاً .tf-a-team-head که فقط تو
   «درباره‌ی ما»ست) همون‌جا تو خودِ صفحه مونده — این فایل فقط چیزهاییه
   که واقعاً بینِ چندتا صفحه مشترک بود.
   ========================================================================== */

/* ---------- الگویِ برچسبِ کوچیکِ بالای هر صفحه («eyebrow» + نقطه) ----------
   استفاده: آرشیو دسته، جستجو، تماس */
.tf-s-eyebrow,
.tf-c-eyebrow{
  font-size:13px;color:var(--orange-light);margin-bottom:20px;
  display:flex;align-items:center;gap:10px;
}
.tf-s-eyebrow::before,
.tf-c-eyebrow::before{
  content:'●';color:var(--tf-c-red);font-size:10px;
}

/* ---------- اسکلتِ هیرویِ بالای صفحه (گرادیانِ گوشه‌ی راست‌بالا) ----------
   پدینگ و فونت‌سایزِ h1 چون بینِ صفحات فرق داره، تو خودِ هر صفحه override
   می‌شه؛ فقط چیزی که واقعاً یکسانه (پوزیشن/گرادیان) این‌جاست. */
.tf-s-hero,
.tf-c-hero,
.tf-lw-hero{
  position:relative;overflow:hidden;
  background:radial-gradient(ellipse 800px 500px at 85% 0%, rgba(217,138,61,0.15), transparent 60%);
}

/* ---------- دکمه‌ی عمومی ---------- */
.tf-btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:2px;
  font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--line);
  color:var(--text);transition:.2s;
}
.tf-btn:hover{border-color:var(--orange-light);color:var(--orange-light);}

/* ---------- کارتِ پوستریِ فیلم (گریدِ چند‌ستونه) ----------
   تعدادِ ستون‌ها (grid-template-columns) و پدینگِ .cap چون بینِ صفحات فرق
   داره، تو خودِ هر صفحه override می‌شه. */
.tf-poster-grid{
  display:grid;gap:1px;background:var(--line);border:1px solid var(--line);
}
.tf-poster-card{
  background:var(--surface);display:block;text-decoration:none;color:inherit;transition:.25s;
}
.tf-poster-card:hover{background:var(--surface-2);}
.tf-poster-card .thumb{aspect-ratio:4/3;overflow:hidden;}
.tf-poster-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s;}
.tf-poster-card:hover .thumb img{transform:scale(1.05);}
.tf-poster-card h3{font-weight:700;margin:0;color:var(--text);}

/* ---------- عنوانِ بخش با شماره («۰۱ فلان») + گریدِ ویدیو ----------
   استفاده: animation, story, taxonomy (و تو content-single-product.php هم
   نسخه‌ی مشابهی هست، ولی چون اون فایل مشترکِ فارسی/انگلیسیه، این‌جا نیومده) */
.tf-section{padding:20px 0 70px;}
.tf-sec-head{margin-bottom:36px;}
.tf-sec-eyebrow{
  font-size:13px;color:var(--text-muted);margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.tf-sec-eyebrow .num{color:var(--orange-light);font-family:Consolas,Monaco,monospace;}
.tf-sec-head h2{font-size:24px;font-weight:800;}

.tf-video-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}