/* =========================================================
   وبلاگ: آرشیو مقالات، دسته‌بندی، برچسب، جستجو
   (شبکه‌ی کارت‌ها سمت راست، سایدبار سمت چپ)
   ========================================================= */

.blog-head{ padding:44px 0 40px; background:var(--c-dark); color:#fff; }
.blog-head__crumbs{ margin-bottom:14px; font-size:13px; color:#9aa0a5; }
.blog-head__crumbs a{ color:#9aa0a5; }
.blog-head__crumbs a:hover{ color:#fff; }
.blog-head__crumbs .separator{ color:#5f656a !important; }
.blog-head__title{ margin:0; font-size:var(--fs-h1); font-weight:700; color:#fff; }
.blog-head__desc{ max-width:720px; margin-top:12px; font-size:14px; line-height:2; color:#b9bec3; }
.blog-head__desc p{ margin:0; }

.blog-listing{ padding:var(--sec-py) 0; }
.blog-layout{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:54px; align-items:start; }

/* --- شبکه‌ی کارت‌ها --- */
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:44px 28px; }
.blog-empty{ padding:50px 0; text-align:center; color:#8a8f94; }

.post-card{ display:flex; flex-direction:column; height:100%; }
.post-card__media{ position:relative; display:block; overflow:hidden; background:#eef0f2; }
.post-card__img{ display:block; width:100%; height:auto; max-height:none; aspect-ratio:1.8/1; object-fit:cover; transition:transform .5s ease; }
.post-card__media:hover .post-card__img{ transform:scale(1.04); }
.post-card__badge{
  position:absolute; top:12px; right:12px; display:flex; align-items:center; gap:6px;
  padding:6px 12px; background:var(--c-secondary); color:#fff; font-size:12px;
}
.post-card__ribbon{ position:absolute; top:0; left:0; width:96px; height:96px; overflow:hidden; pointer-events:none; }
.post-card__ribbon span{
  position:absolute; top:20px; left:-30px; width:130px; padding:3px 0; text-align:center;
  transform:rotate(-45deg); background:var(--c-primary); color:#fff; font-size:12px; font-weight:700;
}
.post-card__body{ flex:1; display:flex; flex-direction:column; padding:26px 24px 0; border:1px solid #e3e6e8; border-top:0; margin-top:-1px; }
.post-card__title{ margin:0 0 22px; font-size:15.5px; font-weight:400; line-height:1.95; min-height:60px; }
.post-card__title a{ color:var(--c-text); }
.post-card__title a:hover{ color:var(--c-primary); }
.post-card__meta{
  display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto;
  padding:16px 0 18px; border-top:1px solid #e3e6e8; font-size:12px; color:#8a8f94;
}
.post-card__meta span{ display:flex; align-items:center; gap:6px; white-space:nowrap; }
.post-card__meta svg{ color:var(--c-secondary); flex:none; }

/* --- صفحه‌بندی --- */
.blog-pagination{ margin-top:56px; }
.blog-pagination ul{ display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }
.blog-pagination a, .blog-pagination span{
  display:flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px;
  background:#f5f6f8; color:var(--c-text); font-weight:700; font-size:14px;
}
.blog-pagination a:hover{ background:var(--c-secondary); color:#fff; }
.blog-pagination .current{ background:var(--c-primary); color:#fff; }

/* --- سایدبار --- */
.blog-side{ display:flex; flex-direction:column; }
.blog-widget{ padding:34px 0; border-bottom:1px solid #e3e6e8; }
.blog-widget:first-child{ padding-top:0; }
.blog-widget:last-child{ border-bottom:0; }
.blog-widget__title{ margin:0 0 24px; font-size:17px; font-weight:700;display: block; }

.blog-search{ position:relative; }
.blog-search input[type=search]{
  width:100%; height:58px; padding:0 20px 0 58px; border:3px solid #dfe3e7; background:#fff;
  font-size:14px; color:var(--c-text); font-family:inherit; transition:border-color .2s;
}
.blog-search input[type=search]:focus{ outline:none; border-color:var(--c-secondary); }
.blog-search button{
  position:absolute; top:0; left:0; width:58px; height:58px; display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; color:var(--c-secondary);
}

.blog-mini{ margin:0; padding:0; list-style:none; }
.blog-mini li{ display:flex; align-items:center; gap:16px; margin-bottom:20px; }
.blog-mini li:last-child{ margin-bottom:0; }
.blog-mini__thumb{ flex:none; display:block; width:78px; height:78px; overflow:hidden; background:#eef0f2; }
.blog-mini__thumb img{ width:100%; height:100%; max-height:none; object-fit:cover; }
.blog-mini__title{ display:block; font-size:14px; line-height:1.85; color:var(--c-text); }
.blog-mini__title:hover{ color:var(--c-primary); }
.blog-mini__sub{ display:block; margin-top:4px; font-size:12px; color:#8a8f94; }
.blog-mini__sub--accent{ color:var(--c-primary); font-weight:700; }
.blog-mini__sub--accent *{ color:inherit; text-decoration:none; }

@media (max-width:1199px){
  .blog-layout{ grid-template-columns:minmax(0,1fr) 270px; gap:15px; }
  .blog-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px){
  .blog-layout{ grid-template-columns:minmax(0,1fr); } /* بدون minmax(0) محتوای پهن ستون را از کانتینر بیرون می‌برد */
  .blog-side{ margin-top:0px; }
}
@media (max-width:575px){
  .blog-grid{ grid-template-columns:1fr; }
}

/* --- صفحه‌ی نتایج جستجو --- */
.search-big{ display:flex; gap:12px; margin-bottom:26px; }
.search-big input[type=search]{
  flex:1; min-width:0; height:58px; padding:0 20px; border:3px solid #dfe3e7; background:#fff;
  font-size:14px; color:var(--c-text); font-family:inherit; transition:border-color .2s;
}
.search-big input[type=search]:focus{ outline:none; border-color:var(--c-secondary); }
.search-big .btn-site{ height:58px; padding:0 34px; justify-content:center; }

.search-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:36px; padding-bottom:20px; border-bottom:1px solid #e3e6e8; }
.search-tab{ padding:9px 20px; background:#f5f6f8; font-size:13px; color:var(--c-text); transition:background .2s, color .2s; }
.search-tab small{ margin-inline-start:4px; font-size:12px; opacity:.7; }
.search-tab:hover{ background:#eaecef; color:var(--c-text); }
.search-tab.is-active{ background:var(--c-primary); color:#fff; }

.search-empty{ padding:40px 0 10px; text-align:center; color:#6b7075; line-height:2; }
.search-empty__title{ margin:0 0 6px; font-size:18px; font-weight:700; color:var(--c-text); }
.search-empty__links{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:20px; }

@media (max-width:575px){
  .search-big{ flex-direction:column; }
}