/* چند تنظیم برای RTL و رفتار کلی */
html, body {
  height: 100%;
  min-height: 100vh;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* مثال: عکس پروفایل گرد در هِرو */
.profile-ring {
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
}

/* دسترس‌پذیری: تمرکز واضح برای لینک‌ها و دکمه‌ها */
:focus {
  outline: 3px solid rgba(6, 182, 212, 0.18);
  outline-offset: 2px;
}

/* برای نمایش راست‌چین بهتر در برخی المان‌ها */
.rtl-text {
  direction: rtl;
  text-align: right;
}

.post-content {
  direction: rtl;            /* متن راست‌چین */
  text-align: right;         /* ترازبندی راست */
  white-space: pre-wrap;     /* احترام به اینترها و حفظ فرمت */
  word-break: break-word;    /* شکستن کلمات خیلی طولانی */
  overflow-wrap: break-word; /* پشتیبانی بهتر از شکستن کلمات */
  line-height: 1.8;          /* فاصله مناسب بین خطوط برای خوانایی */
}

/* پاراگراف‌ها و لینک‌ها هم از همین قاعده پیروی کنند */
.post-content p,
.post-content a {
  word-break: break-word;
}