/* ۱) دکمهٔ رفرش با آیکون + متن
   ⚠️ اصلاحیه: رنگ ثابت آبی حذف شد و به‌جایش از رنگ متن اطراف (وراثتی) استفاده
   می‌شود، دقیقاً مثل لیبل «عبارت امنیتی (الزامی)» که رنگ ثابتی ندارد.
   این‌طور در هر پس‌زمینه‌ای (فرم تماس با گرادیانت، حالت تاریک/روشن و...)
   خودش را با متن‌های اطراف هماهنگ می‌کند و نیازی به حدس‌زدن رنگ زمینه نیست. */
.nilo-captcha-wrapper .nilo-captcha-refresh {
  display: inline-block;
  margin-top: 4px;
  padding: 4px 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: inherit;
  opacity: .9;
  transition: opacity .3s;
}
.nilo-captcha-wrapper .nilo-captcha-refresh:hover {
  opacity: 1;
  text-decoration: underline;
}

/* ۲) فونت وراثتی برای فیلد ورودی و placeholder */
.nilo-captcha-wrapper .nilo-captcha-input,
.nilo-captcha-wrapper .nilo-captcha-input::-webkit-input-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input:-moz-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input::-moz-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input:-ms-input-placeholder {
  font-family: 'IRANSans', Tahoma, Arial, sans-serif !important;
}
/* اگر فونت‌فمیلی‌تان فرق می‌کند، از خط زیر به‌جای بالا استفاده کنید:
   font-family: inherit !important; */

/* ۳) اطمینان از عرض تصویر کپچا */
.nilo-captcha-wrapper img {
  max-width: 100%;
  height: auto;
}

/* ۴) اصلاحیه: letter-spacing روی خودِ input برای خواناتر شدن کد کپچا خوب
   است، اما روی متن Placeholder فارسی (که باید بهم‌چسبیده باشد) بد به‌نظر
   می‌رسد؛ اینجا مخصوصاً برای placeholder خنثی می‌شود. */
.nilo-captcha-wrapper .nilo-captcha-input::placeholder,
.nilo-captcha-wrapper .nilo-captcha-input::-webkit-input-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input::-moz-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input:-ms-input-placeholder {
  letter-spacing: normal !important;
}

/* ۵) پشتیبانی از حالت تاریک (Dark Mode) — فقط برای پیام هشدار بالای فرم
   نظرات (که واقعاً به رنگ ثابت نیاز دارد). به‌درخواست کاربر: عمداً روی
   خودِ باکس/تصویر کپچا اعمال نمی‌شود (چون در تست باعث ناخوانا شدن خودِ
   کپچا شده بود؛ آن قسمت را دست‌نخورده و کنترل‌شده توسط استایل خودِ
   تم/تنظیمات ظاهری پلاگین می‌گذاریم).
   هم واکنش به prefers-color-scheme سیستم/مرورگر، هم به رایج‌ترین
   کلاس‌ها/اتریبیوت‌هایی که قالب‌های وردپرسی برای دارک‌مود دستی
   روی <html> یا <body> می‌گذارند. */
@media (prefers-color-scheme: dark) {
  #nilo-comment-notice {
    background: #3a2222 !important;
    border-color: #dc3232 !important;
    color: #ffb3b3 !important;
  }
}

body.dark-mode #nilo-comment-notice,
body.dark-theme #nilo-comment-notice,
body.dark #nilo-comment-notice,
body.is-dark #nilo-comment-notice,
html.dark-mode #nilo-comment-notice,
html.dark #nilo-comment-notice,
[data-theme="dark"] #nilo-comment-notice,
[data-mode="dark"] #nilo-comment-notice,
[data-color-scheme="dark"] #nilo-comment-notice {
  background: #3a2222 !important;
  border-color: #dc3232 !important;
  color: #ffb3b3 !important;
}

/* ۶) اصلاحیه (رفع باگ دارک‌مود): فیلد ورودی کد کپچا قبلاً فقط یک
   پس‌زمینهٔ سفید ثابت داشت بدون رنگ متن ثابت؛ در قالب‌هایی که در حالت
   دارک‌مود رنگ متن input ها را سفید می‌کنند، همین باعث می‌شد نوشتهٔ داخل
   فیلد (سفید) روی پس‌زمینهٔ سفید کاملاً نامرئی شود. برخلاف باکس/تصویر
   کپچا (که عمداً دست‌نخورده می‌ماند)، خوانا بودن متنی که کاربر خودش
   تایپ می‌کند اختیاری نیست؛ پس این قانون همیشه یک جفت رنگ روشنِ باهم‌
   سازگار (پس‌زمینهٔ سفید + متن تیره) را تضمین می‌کند، حتی اگر قالب با
   !important رنگ input ها را عوض کرده باشد. این یک لایهٔ پشتیبان برای
   همان استایل inline در nilo_display_captcha() است (مثلاً برای مواقعی
   که یک صفحه‌ساز استایل inline را حذف/بازنویسی می‌کند). */
.nilo-captcha-wrapper .nilo-captcha-input {
  background: #fff !important;
  color: #222 !important;
  caret-color: #222 !important;
  color-scheme: light;
}
.nilo-captcha-wrapper .nilo-captcha-input::placeholder,
.nilo-captcha-wrapper .nilo-captcha-input::-webkit-input-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input::-moz-placeholder,
.nilo-captcha-wrapper .nilo-captcha-input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}