/* =====================================================
   کوه‌نامه — user.css (نسخه کامل)
   بخش‌ها: ۱) لیست اخبار ۲) تک‌مقاله ۳) هدر ۴) فوتر
   ===================================================== */

/* ============ ۷) فونت فارسی وزیرمتن ============ */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/Farsi-Digits/Vazirmatn-FD-font-face.css');

body {
  font-family: 'Vazirmatn FD', Vazirmatn, Tahoma, sans-serif !important;
  line-height: 1.9;
}

h1, h2, h3, h4, h5, h6,
.page-header, .item-title, .mod-menu .nav-link {
  font-family: 'Vazirmatn FD', Vazirmatn, Tahoma, sans-serif !important;
}

.btn, button, input, select, textarea, .badge, .alert {
  font-family: 'Vazirmatn FD', Vazirmatn, Tahoma, sans-serif !important;
}


/* ============ ۱) لیست اخبار (سه‌ستونه) ============ */
.kn-news-item {
  display: grid;
  grid-template-columns: 170px 1fr 340px;
  gap: 1.5rem;
  align-items: start;
  padding: 1.25rem 0;
  border-bottom: 1px solid #e5e7eb;
}
.kn-news-item:first-child { padding-top: 0; }

.kn-news-meta {
  border-inline-end: 1px solid #e5e7eb;
  padding-inline-end: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  font-size: .95rem;
  color: #4b5563;
}
.kn-news-meta a { color: inherit; }

.kn-news-title { font-size: 1.25rem; margin: 0 0 .5rem; }
.kn-news-title a { color: #2563eb; }
.kn-news-title a:hover { text-decoration: underline; }

.kn-news-excerpt {
  color: #374151;
  line-height: 1.9;
  margin: 0 0 .75rem;
  text-align: justify;
}

.kn-news-more { float: inline-start; }

.kn-news-thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

@media (max-width: 991.98px) {
  .kn-news-item { grid-template-columns: 1fr; gap: .75rem; }
  .kn-news-thumb { order: -1; }
  .kn-news-meta {
    border-inline-end: 0;
    padding-inline-end: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
}

.com-content-category-blog .content_rating { display: none; }
.com-content-category-blog .article-info-term { display: none; }

/* ============ ۲) تک‌مقاله ============ */
.kn-article { max-width: 1200px; margin-inline: auto; }

/* ردیف بالا: عنوان (راست) + تصویر (چپ) */
.kn-art-top {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 2rem;
  align-items: start;
  margin-bottom: 1rem;
}
.kn-art-breadcrumb { font-size: .85rem; color: #6b7280; margin-bottom: .5rem; }
.kn-art-breadcrumb a { color: #6b7280; }
.kn-art-title { font-size: 1.9rem; font-weight: 800; color: #1e3a5f; margin: 0 0 .75rem; line-height: 1.4; }
.kn-art-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; color: #4b5563; font-size: .9rem; margin-bottom: .75rem; }
.kn-art-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.kn-art-tags .list-inline { margin: 0; }
.kn-art-hero img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* نوار پلیر */
.kn-art-player {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: .75rem 1rem;
  margin: 1rem 0 1.5rem;
}
.kn-art-player audio { width: 100%; }
.kn-art-player video { width: 100%; max-height: 420px; border-radius: 6px; }
.kn-art-player iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 6px; }

/* بدنه + سایدبار */
.kn-art-main {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 2rem;
  align-items: start;
}
.kn-art-body { color: #334155; line-height: 1.95; text-align: justify; }
.kn-art-body img { max-width: 100%; height: auto; }

.kn-art-share {
  display: flex;
  gap: .5rem;
  margin-top: 2rem;
  justify-content: flex-start;
}

/* سایدبار */
.kn-art-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 1rem;
}
.kn-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
}
.kn-card-title {
  font-size: 1rem;
  color: #2563eb;
  margin: 0 0 .75rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #e5e7eb;
}
.kn-card-author { text-align: center; }
.kn-author-avatar {
  width: 64px; height: 64px;
  margin: 0 auto .5rem;
  border-radius: 50%;
  background: #eff6ff;
  color: #2563eb;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.75rem;
}
.kn-author-name { font-weight: 700; color: #1e3a5f; }
.kn-author-sub { font-size: .8rem; color: #6b7280; }

.kn-tag-cloud { display: flex; flex-wrap: wrap; gap: .4rem; }
.kn-tag-pill {
  display: inline-block;
  background: #dbeafe;
  color: #1d4ed8;
  border-radius: 999px;
  padding: .2rem .7rem;
  font-size: .8rem;
  text-decoration: none;
}
.kn-tag-pill:hover { background: #bfdbfe; }

.kn-recent { list-style: none; margin: 0; padding: 0; }
.kn-recent li { padding: .5rem 0; border-bottom: 1px dashed #f1f5f9; }
.kn-recent li:last-child { border-bottom: 0; }
.kn-recent a { color: #334155; text-decoration: none; display: block; font-size: .9rem; }
.kn-recent a:hover { color: #2563eb; }
.kn-recent small { color: #9ca3af; font-size: .75rem; }

@media (max-width: 991.98px) {
  .kn-art-top { grid-template-columns: 1fr; }
  .kn-art-hero { order: -1; }
  .kn-art-main { grid-template-columns: 1fr; }
  .kn-art-sidebar { position: static; }
}

/* ============ ۳) هدر: لوگو + منو هم‌ردیف ============ */
@media (width >= 992px) {
  .container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .container-header .grid-child { width: auto; }
  .container-header .navbar-brand img { max-height: 64px; width: auto; }
  .container-header .container-nav { padding-bottom: .5em; }
}

/* ============ ۴) فوتر: منو خطی ============ */
.container-footer .mod-menu {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 2rem;
  justify-content: center;
}
/* ============ ۵) هدر: تصویر پس‌زمینه + تینت سرمه‌ای ============ */
.container-header {
  background:
    linear-gradient(to bottom, rgba(17, 40, 85, .60), #112855 92%),
    url('/images/header-bg-ai.jpg') center 20% / cover no-repeat,
    #112855;
}
/* ============ 6) تصویر فوتر  ============ */
.container-footer {
  background:
    linear-gradient(to bottom, rgba(17, 40, 85, .80), #112855 92%),
    url('/images/header-bg-ai.jpg') center 20% / cover no-repeat,
    #112855;
}
/* ============ ۷) برچسب‌ها (تگ‌ها): پیل هماهنگ با تم ============ */
.kn-art-tags .tags { list-style: none; margin: 0; padding: 0; }
.kn-art-tags .btn {
  --bs-btn-border-color: #dbeafe;
  background: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  padding: .2rem .8rem;
  font-size: .8rem;
  transition: all .15s;
}
.kn-art-tags .btn:hover {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
/* ============ ۸) پلیر صوتی: قاب شیک + رنگ هماهنگ ============ */
.kn-art-player {
  position: relative;
  background: linear-gradient(135deg, #1e3a5f 0%, #112855 100%);
  border: 0;
  border-radius: 12px;
  padding: 2.6rem 1rem 1rem;
  overflow: hidden;
}
/* برچسب ترغیبی */
.kn-art-player::before {
  content: "🎧 به پادکست گوش کنید";
  position: absolute;
  top: .7rem;
  inset-inline-start: 1rem;
  color: #93c5fd;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .02em;
}
/* موج تزئینی پس‌زمینه */
.kn-art-player::after {
  content: "";
  position: absolute;
  inset-inline-end: -20px;
  top: -20px;
  width: 110px;
  height: 110px;
  background: radial-gradient(circle, rgba(147,197,253,.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
/* خود پلیر: تم تیره + آبی برند */
.kn-art-player audio {
  width: 100%;
  color-scheme: dark;
  accent-color: #60a5fa;
  border-radius: 8px;
}
/* ============ ۱۰) دکمه ویرایش فرانت: کلیک‌پذیر و بزرگ ============ */
.kn-art-head .icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}

.kn-art-head .icons a,
.kn-art-head .icons button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 8px 14px !important;
  min-height: 38px;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  text-decoration: none !important;
  font-size: .88rem;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  z-index: 10;
  transition: all .15s ease;
}

.kn-art-head .icons a:hover,
.kn-art-head .icons button:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

.kn-art-head .icons .icon-edit,
.kn-art-head .icons .icon-pencil,
.kn-art-head .icons svg {
  pointer-events: auto;
  font-size: 1rem;
}