/* ==========================================================================
   TGC Public Chat — CSS سفارشی (این فایل را ویرایش کنید)
   --------------------------------------------------------------------------
   این فایل بعد از استایل اصلی بارگذاری می‌شود و با به‌روزرسانی افزونه
   دست‌نخورده می‌ماند. هر خطی را که می‌خواهید فعال کنید، از حالت کامنت
   دربیاورید و مقدارش را عوض کنید.

   نکته: همه‌ی متغیرها را روی  .tgc-page  بنویسید.
   ========================================================================== */

/* ---------- ۱) تغییر سریع رنگ برند ----------
.tgc-page { --tgc-h: 210; }          ۱۵۵ زمردی (پیش‌فرض) · ۱۸۰ فیروزه‌ای · ۲۱۰ آبی · ۲۶۰ بنفش · ۳۴۰ صورتی · ۳۵ نارنجی
.tgc-page { --tgc-s: 60%; }          پرمایگی رنگ
*/

/* ---------- ۲) فونت، اندازه و گوشه‌ها ----------
.tgc-page { --tgc-font: Vazirmatn, Tahoma, sans-serif; }
.tgc-page { --tgc-radius: 16px; }    گردی گوشه‌ی کارت‌ها
.tgc-page { --tgc-maxw: 1000px; }    حداکثر عرض صفحه
.tgc-page { --tgc-height: 640px; }   ارتفاع کادر چت
.tgc-page { --tgc-gap: 28px; }       فاصله‌ی بخش‌ها
*/

/* ---------- ۳) رنگ‌های دقیق (در صورت نیاز) ----------
.tgc-page { --tgc-a: #0f766e; }                       رنگ اصلی (دکمه‌ها، لینک‌ها)
.tgc-page { --tgc-ink: #14211c; }                     رنگ متن
.tgc-page { --tgc-sub: #4a5b54; }                     رنگ متن کم‌رنگ
.tgc-page { --tgc-in: #ffffff; --tgc-in-ink: #14211c; }       حباب پیام دیگران
.tgc-page { --tgc-out: #0f766e; --tgc-out-ink: #ffffff; }     حباب پیام خودم
.tgc-page { --tgc-hero-bg: #f0fdf4; }                 پس‌زمینه‌ی بخش بالای صفحه (می‌تواند gradient باشد)
.tgc-page { --tgc-stage-base: #f5faf7; }              پس‌زمینه‌ی کادر چت
*/

/* ---------- ۴) نمونه‌هایی از شخصی‌سازی عمیق‌تر ----------

حباب‌های کوچک‌تر:
.tgc-page .tgc-bub { border-radius: 12px; font-size: 14px; }

عنوان بخش بالا بزرگ‌تر:
.tgc-page .tgc-hero-title { font-size: 36px; }

مخفی کردن آمار بخش بالا:
.tgc-page .tgc-stats { display: none; }

مخفی کردن دکمه‌ی تغییر تم:
.tgc-page .tgc-theme { display: none; }

کارت‌های محتوا به‌صورت بدون کادر:
.tgc-page .tgc-prose, .tgc-page .tgc-faq { background: transparent; border: 0; padding-inline: 0; }

تم تیره فقط برای کادر چت (ثابت):
در تنظیمات افزونه «تم پیش‌فرض» را روی «تیره» بگذارید.

برای تغییر ساختار HTML، فایل templates/chat.php را به پوشه‌ی
<قالب-فرزند>/tgc-chat/chat.php کپی و ویرایش کنید.
*/