/* === Force Light Theme everywhere === */

/* 1) به مرورگر اعلام کن فقط حالت روشن را استفاده کند (فرم‌ها، اسکرول‌بار، …) */
:root {
  color-scheme: light only; /* کروم/سافاری/فایرفاکس */
}

/* 2) اگر سیستم کاربر دارک بود، همه‌چیز را همان روشن نگه دار */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light only;
    /* اگر با متغیرها (CSS Variables) کار می‌کنی همین‌جا آن‌ها را مثل حالت روشن تکرار کن */
    --bg: #ffffff;
    --text: #0f172a;
    --muted: #6b7280;
    --border: #f1f2f4;
    --card: #ffffff;
    --primary: black;   /* همون قرمز خودت */
    --primary-600:#b91c1c;
  }

  /* در صورتیکه بعضی پلاگین‌ها در دارک رنگ متن/پس‌زمینه را عوض کنند */
  html, body {
    background: var(--bg) !important;
    color: var(--text) !important;
  }
  /* کامپوننت‌های رایج */
  .site, .container, .card, .widget, .header, .footer, .menu, .dropdown, .modal {
    background-color: var(--card) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
  }
  /* فرم‌ها – جلوگیری از استایل دارک اتوماتیک */
  input, select, textarea, button {
    background-color: #fff !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
  }
}

/* 3) اگر پلاگینی از کلاس‌های دارک استفاده کند (.dark یا [data-theme=dark])، بی‌اثرشان کن */
html.dark, body.dark, [data-theme="dark"] {
  background: var(--bg, #fff) !important;
  color: var(--text, #0f172a) !important;
}
html.dark *, body.dark *, [data-theme="dark"] * {
  background-color: initial;
  color: inherit;
  border-color: inherit;
}