/**
 * vazirweb.css — هماهنگ‌سازی PrivateBin با تم جعبه‌ابزار وزیر وب
 *  - فونت Vazirmatn
 *  - پالت رنگی هماهنگ با سایت (تیره/روشن)
 *  - اصلاحات RTL
 *  - استایل بخش سئو
 * لینک‌ها و فونت‌ها همگی same-origin (سازگار با CSP PrivateBin: style-src/font-src 'self').
 */

/* ── فونت Vazirmatn ─────────────────────────────────────── */
@font-face {
  font-family: 'Vazirmatn';
  src: url('../../assets/fonts/Vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../../assets/fonts/Vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../../assets/fonts/Vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ─ـ فونت پیش‌فرض برای همهٔ کامپوننت‌های Bootstrap ─── */
:root {
  --bs-body-font-family: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
}

/* ── پالت تیره (هماهنگ با --bg/--card/--accent سایت) ── */
[data-bs-theme="dark"] {
  --bs-body-bg: #0b1120;
  --bs-body-color: #eef2ff;
  --bs-emphasis-color: #ffffff;
  --bs-secondary-color: #97a7c4;
  --bs-secondary-bg: #0f172a;
  --bs-tertiary-bg: #0f172a;
  --bs-border-color: #1d2d4a;
  --bs-border-color-translucent: rgba(29, 45, 74, 0.5);
  --bs-primary: #3b82f6;
  --bs-primary-rgb: 59, 130, 246;
  --bs-link-color: #60a5fa;
  --bs-link-hover-color: #93c5fd;
  --bs-card-bg: #111e35;
  --bs-card-border-color: #1d2d4a;
  --bs-heading-color: #eef2ff;
  color-scheme: dark;
}

/* ── پالت روشن (هماهنگ با html.light سایت) ── */
[data-bs-theme="light"] {
  --bs-body-bg: #f4f7fe;
  --bs-body-color: #0f1a35;
  --bs-emphasis-color: #0b1120;
  --bs-secondary-color: #51607c;
  --bs-secondary-bg: #eaf1fb;
  --bs-tertiary-bg: #eaf1fb;
  --bs-border-color: #dce4f3;
  --bs-border-color-translucent: rgba(220, 228, 243, 0.6);
  --bs-primary: #2563eb;
  --bs-primary-rgb: 37, 99, 235;
  --bs-link-color: #2563eb;
  --bs-link-hover-color: #1d4ed8;
  --bs-card-bg: #ffffff;
  --bs-card-border-color: #dce4f3;
  --bs-heading-color: #0f1a35;
  color-scheme: light;
}

/* ── بدنه: فونت + پس‌زمینهٔ گرادیانی هماهنگ با سایت ── */
body {
  font-family: var(--bs-body-font-family);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(59, 130, 246, 0.14), transparent 60%),
    var(--bs-body-bg);
  background-attachment: fixed;
}
[data-bs-theme="light"] body {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(37, 99, 235, 0.10), transparent 60%),
    var(--bs-body-bg);
  background-attachment: fixed;
}

/* تاودی ماهرانه: هدر/نوبار */
.navbar.bg-body-tertiary {
  background-color: var(--bs-tertiary-bg) !important;
  border-bottom: 1px solid var(--bs-border-color);
}
.navbar-brand img { opacity: 0.95; }

/* کارت پیست */
.card {
  background-color: var(--bs-card-bg);
  border-color: var(--bs-card-border-color);
}

/* دکمهٔ اصلی با رنگ accent سایت */
.btn-primary {
  --bs-btn-bg: #3b82f6;
  --bs-btn-border-color: #3b82f6;
  --bs-btn-hover-bg: #2563eb;
  --bs-btn-hover-border-color: #2563eb;
  --bs-btn-active-bg: #1d4ed8;
  --bs-btn-active-border-color: #1d4ed8;
  --bs-btn-disabled-bg: #3b82f6;
  --bs-btn-disabled-border-color: #3b82f6;
}
[data-bs-theme="light"] .btn-primary {
  --bs-btn-bg: #2563eb;
  --bs-btn-border-color: #2563eb;
  --bs-btn-hover-bg: #1d4ed8;
  --bs-btn-hover-border-color: #1d4ed8;
}

/* ورودی‌های فرم */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-password {
  background-color: #0f1b30;
  border-color: #1d2d4a;
  color: #eef2ff;
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  background-color: #0f1b30;
  border-color: #3b82f6;
  color: #eef2ff;
  box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.18);
}
[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15);
}

/* هدر فوتر */
footer h5, footer p { color: var(--bs-body-color); }
footer h5 small { color: var(--bs-secondary-color); }

/* لینک‌ها */
a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

/* ── اصلاحات RTL ────────────────────────────────────────── */
[dir="rtl"] .navbar-nav { padding-inline-start: 0; }
[dir="rtl"] .nav-link .reloadlink,
[dir="rtl"] .navbar-brand { margin-inline-end: 0.5rem; }
/* فلشِ «بازگشت به جعبه‌ابزار» در RTL به‌جای چپ، راست می‌نشیند */
[dir="rtl"] .nav-link[title="جعبه ابزار وزیر وب"] span[aria-hidden="true"] {
  display: inline-block; transform: scaleX(-1);
}
/* مرتب‌سازی تب‌ها و دکمه‌ها در RTL */
[dir="rtl"] #editorTabs .nav-item.ms-auto { margin-inline-start: auto !important; margin-inline-end: 0 !important; }
/* اسکرول‌بار متنی در RTL روی سمت راست */
[dir="rtl"] textarea#message { direction: ltr; text-align: left; }
/* برای متن فارسیِ پیست، اگر کاربر خواست می‌تواند تغییر دهد؛ پیش‌فرض LTR برای کد مناسب‌تر است */

/* ── بخش سئو (پاراگراف کلیدواژه) ────────────────────────── */
.vazirweb-seo {
  max-width: 60rem;
  padding-inline: 0.75rem;
}
.vazirweb-seo h2 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: var(--bs-heading-color);
}
.vazirweb-seo p {
  font-size: 0.88rem;
  line-height: 1.95;
  color: var(--bs-secondary-color);
  margin: 0;
  text-align: justify;
}
.vazirweb-seo a { color: var(--bs-link-color); font-weight: 600; }
.vazirweb-seo strong { color: var(--bs-body-color); font-weight: 700; }

@media (max-width: 575.98px) {
  .vazirweb-seo p { font-size: 0.82rem; line-height: 1.85; }
}