/* ==== Scoped: .bca (Blog Category Archive) ==== */
.bca{
  --bca-radius: 16px;
  --bca-border: #eef1ff;
  --bca-muted:  #6b7280;
  --bca-text:   #111827;
  --bca-brand:  #5b6cff;
  --bca-brand2: #8a95ff;
  --bca-shadow: 0 8px 22px rgba(17,24,39,.06);
  --bca-gap:    14px;

  direction: rtl;
  font-family: "IRANSansX", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--bca-text);
}
.bca *{box-sizing:border-box}
.bca a{text-decoration:none}

/* Wrapper */
.bca-wrap{max-width:1100px; margin-inline:auto; padding:16px}

/* Header */
.bca-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 14px; margin-bottom:12px;
  background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%);
  border:1px solid var(--bca-border); border-radius:14px;
  box-shadow: var(--bca-shadow);
}
.bca-title{margin:0; font-size:20px; font-weight:800; display:flex; align-items:center; gap:8px}
.bca-meta{font-size:13px; color:var(--bca-muted)}

/* Grid */
.bca-grid{
  display:grid; gap: var(--bca-gap);
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 900px){
  .bca-grid{grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 600px){
  .bca-grid{grid-template-columns: 1fr;}
}

/* Card */
.bca-card{
  background:#fff; border:1px solid var(--bca-border);
  border-radius: var(--bca-radius); overflow:hidden; box-shadow: var(--bca-shadow);
  display:flex; flex-direction:column;
}
.bca-thumb{display:block; aspect-ratio:16/9; background:#f3f4f6; overflow:hidden}
.bca-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.bca-body{padding:12px 12px 14px}
.bca-meta-row{color:var(--bca-muted); font-size:12px; display:flex; gap:10px; align-items:center; margin-bottom:6px}
.bca-title a{color:#111827; font-weight:800; line-height:1.6; display:block}
.bca-title a:hover{color:var(--bca-brand)}
.bca-excerpt{margin:8px 0 0; color:#374151; font-size:14px; line-height:1.9}

/* Pager */
.bca-pager{
  margin-top:14px; display:flex; align-items:center; justify-content:center; gap:8px;
}
.bca-page{
  min-width:36px; height:36px; padding:0 10px;
  border:1px solid var(--bca-border); border-radius:10px; background:#fff; color:#111827;
  display:inline-flex; align-items:center; justify-content:center; gap:6px; font-weight:800;
  box-shadow: 0 4px 14px rgba(17,24,39,.06);
}
.bca-page.is-disabled{opacity:.5; pointer-events:none}
.bca-page.is-current{background:#f2f4ff; color:#1e2a78}
