/* Generated from torabi-sketch — do not edit by hand. Source: blog.html #blog-css */

/* topic colour map — each category drives its own accent (--topic). Easy to tweak. */
[data-cat="راهنمای خرید"]{ --topic:#1E5E54; }   /* teal-green */
[data-cat="بررسی خودرو"]{  --topic:#8A4B2A; }   /* bronze */
[data-cat="مقایسه خودرو"]{  --topic:#34507E; }   /* slate blue */
[data-cat="بازار و قیمت"]{  --topic:#9A6B12; }   /* amber */

/* search */
.blog-search{
  display:flex; align-items:center; gap:8px;
  background:#fff; border:1px solid var(--line);
  border-radius:14px; padding:7px 8px 7px 14px;
  box-shadow:var(--shadow-soft,0 10px 30px -16px rgba(23,19,17,.18));
}
.blog-search > svg{ color:#9A8F84; flex:0 0 auto; }
.blog-search input{
  flex:1; min-width:0; border:0; outline:0; background:transparent;
  font-family:var(--font-fa); font-size:15px; color:var(--ink); padding:9px 4px;
}
.blog-search input::placeholder{ color:#A89F95; }
/* Replace the browser's blue native clear "X" with a burgundy one. */
.blog-search input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none; appearance:none;
  width:14px; height:14px; cursor:pointer;
  background-color:var(--wine);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* result bar */
.blog-resultbar{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:16px; padding:12px 16px;
  border:1px solid var(--color-goldLn,#E9D9A8);
  background:linear-gradient(180deg,#fff,#FCFAF3);
  border-radius:12px; font-size:14px; color:var(--ink);
}
.blog-clear{ color:var(--wine); font-weight:600; font-size:13px; white-space:nowrap; }
.blog-clear:hover{ color:var(--wine-dk); }
@media (max-width:480px){
  .blog-resultbar{ flex-direction:column; align-items:flex-start; gap:8px; padding:12px 14px; }
  .blog-clear{ align-self:flex-end; }
}

/* two-column layout (RTL: main right, sidebar left) */
.blog-layout{ display:grid; gap:32px; margin-top:24px; }
@media (min-width:1024px){ .blog-layout{ grid-template-columns:minmax(0,1fr) 300px; gap:48px; align-items:start; } }
.blog-list{ display:grid; gap:20px; }

/* horizontal post card */
.post-card{
  display:grid; grid-template-columns:1fr; overflow:hidden;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:0 1px 0 rgba(23,19,17,.04), 0 18px 40px -28px rgba(23,19,17,.22);
  transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease, border-color .3s ease;
}
@media (min-width:560px){ .post-card{ grid-template-columns:240px minmax(0,1fr); } }
.post-card:hover{ transform:translateY(-3px); box-shadow:0 1px 0 rgba(23,19,17,.04), 0 28px 56px -30px rgba(23,19,17,.32); border-color:rgba(197,163,91,.45); }
.post-card__media{ position:relative; display:block; overflow:hidden; background:var(--cream); aspect-ratio:16/11; }
@media (min-width:560px){ .post-card__media{ aspect-ratio:auto; } }
.post-card__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
.post-card:hover .post-card__media img{ transform:scale(1.06); }
.post-card__tag{
  position:absolute; top:12px; right:12px;
  display:inline-flex; align-items:center; padding:5px 13px; border-radius:999px;
  font-size:11.5px; font-weight:700; color:#fff;
  background:var(--wine); box-shadow:0 8px 18px -8px rgba(0,0,0,.55);
}
.post-card__body{ padding:22px 24px 24px; display:flex; flex-direction:column; }
.post-card__title{ margin:11px 0 0; font-size:19px; font-weight:700; line-height:1.55; color:var(--ink); letter-spacing:-.01em; }
.post-card__title a{ color:inherit; transition:color .25s ease; }
.post-card__title a:hover{ color:var(--wine); }
.post-card__excerpt{ margin:10px 0 0; font-size:14px; line-height:1.95; color:var(--inkSoft,#3A312D); }
.post-card__more{ margin-top:auto; padding-top:16px; display:inline-flex; align-items:center; gap:7px; color:var(--ink); font-size:13.5px; font-weight:700; transition:gap .25s ease, color .25s ease; }
.post-card__more:hover, .post-card:hover .post-card__more{ color:var(--wine); gap:11px; }

/* sidebar */
.blog-aside__inner{ display:grid; gap:20px; }
@media (min-width:1024px){ .blog-aside__inner{ position:sticky; top:108px; } }
.blog-side-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px 20px 16px;
  box-shadow:0 1px 0 rgba(23,19,17,.04), 0 18px 40px -30px rgba(23,19,17,.18);
}
.blog-side-title{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:14px; font-weight:700; color:var(--ink); }
.blog-side-title::before{ content:''; width:4px; height:16px; border-radius:999px; background:linear-gradient(180deg,var(--gold),var(--wine)); }
.blog-cats{ list-style:none; margin:0; padding:0; display:grid; gap:2px; }
.blog-cats a{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; font-size:14px; color:var(--inkSoft,#3A312D); transition:background .2s ease, color .2s ease; }
.blog-cats .blog-dot{ width:8px; height:8px; border-radius:999px; background:var(--wine); flex:0 0 auto; }
.blog-cats .blog-cat-name{ flex:1 1 auto; }
.blog-cat-count{ font-size:12px; color:var(--color-smoke,#8A8076); background:#F4EFE3; border-radius:999px; padding:2px 9px; font-family:'Poppins',var(--font-fa); }
.blog-cats a:hover{ background:#FAF7F0; color:var(--ink); }
.blog-cats a.is-active{ background:color-mix(in srgb, var(--wine) 9%, transparent); color:var(--wine); font-weight:700; }
.blog-cats a.is-active .blog-cat-count{ background:color-mix(in srgb, var(--wine) 14%, #fff); color:var(--wine); }

/* pagination */
.blog-pager{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:34px; flex-wrap:wrap; }
.blog-pager a, .blog-pager span{ min-width:42px; height:42px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; border:1px solid var(--line); background:#fff; font-size:14px; color:var(--ink); font-family:'Poppins',var(--font-fa); transition:border-color .2s ease, color .2s ease, background .2s ease; }
.blog-pager a:hover{ border-color:var(--wine); color:var(--wine); }
.blog-pager .is-current{ background:var(--wine); color:var(--cream); border-color:var(--wine); font-weight:700; }
.blog-pager .is-disabled{ opacity:.4; pointer-events:none; }

/* empty state */
.blog-empty{ display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; padding:50px 20px; color:var(--color-smoke,#8A8076); font-size:15px; border:1px dashed var(--line); border-radius:var(--radius); background:#FCFAF6; }
.blog-empty svg{ color:#C8BCA6; }