/* ===== SMART Journal – OJS tune-up ===== */

/* 1) لوگو: همیشه با نسبت صحیح و ارتفاع مناسب */
.pkp_site_name .is_img img {
  max-height: 72px;   /* در صورت نیاز 64–80px */
  width: auto;
  height: auto;
}

/* کمی هم‌تراز کردن لوگو با نوشته‌ها در هدر */
.cmp_site_logo a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* 2) بنر هوم‌پیج (Homepage Image) واکنش‌گرا و تمیز */
#homepageImage,
img.homepage_image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 260px;      /* اگر بنر بلند است عدد را بالا ببر */
  object-fit: cover;      /* برش ظریف بدون کشیدگی */
  border-radius: 6px;
  margin: 12px 0 18px 0;
}

/* 3) تایپوگرافی ملایم‌تر (هماهنگ با Noto Sans) */
body {
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 4) فاصله‌ها و خوانایی عنوان‌ها */
.pkp_page_title,
.page_title {
  margin: 10px 0 14px 0;
  line-height: 1.25;
}

/* 5) کارت‌ها/بلوک‌ها کمی مرتب‌تر */
.pkp_block {
  background: #f7f9fc;
  border: 1px solid #e7edf5;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.pkp_block .title {
  font-weight: 600;
  margin-bottom: 6px;
}

/* 6) دکمه‌ها گردتر و واضح‌تر */
.pkp_button,
.pkp_button_primary,
.obj_galley_link,
a.pkp_button {
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

/* 7) فوتر کوچک‌تر و خوانا */
.site_footer, .page_footer, footer {
  font-size: 0.92rem;
  color: #52627a;
}

/* 8) ریسپانسیو: هدر جمع‌وجور در موبایل */
@media (max-width: 768px) {
  .pkp_site_name .is_img img { max-height: 56px; }
  #homepageImage, img.homepage_image { max-height: 200px; }
}