/* ==== Scoped: .bcat ==== */
@font-face {
  font-family: 'IRANSans';
  src: url('/modules/header-a/storage/fonts/IRANSans.eot');
  src: url('/modules/header-a/storage/fonts/IRANSans.eot?#iefix') format('embedded-opentype'),
       url('/modules/header-a/storage/fonts/IRANSans.woff2') format('woff2'),
       url('/modules/header-a/storage/fonts/IRANSans.woff') format('woff'),
       url('/modules/header-a/storage/fonts/IRANSans.ttf') format('truetype');
  font-style: normal;
  font-weight: 400; /* اگر وزن‌های جدا دارید، @font-face‌های جدا برای 500/700/800 تعریف کنید */
  font-display: swap;
}
.bcat{
  --bcat-radius: 14px;
  --bcat-shadow: 0 8px 18px rgba(17,24,39,.06);
  --bcat-border: #eef1ff;
  --bcat-muted: #6b7280;
  --bcat-text:  #111827;
  --bcat-brand: #5b6cff;
  direction: rtl;
  /* فونت همیشه IRANSans */
  font-family: "IRANSans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--bcat-text);
  /* فاصلهٔ پایین ماژول: 15px */
  margin-bottom: 15px;
}
.bcat *{box-sizing:border-box}

/* Card */
.bcat-card{
  background:#fff;
  border:1px solid var(--bcat-border);
  border-radius: var(--bcat-radius);
  box-shadow: var(--bcat-shadow);
  overflow:hidden;
}

/* Header — همان استایل هدر آخرین نوشته‌ها */
.bcat-head{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  font-weight:800; color:#1f2937;
  background: linear-gradient(135deg,#ffffff 0%, #f8f9ff 100%);
  border-bottom:1px solid var(--bcat-border);
}
.bcat-head i{color: var(--bcat-brand)}

/* List */
.bcat-list{list-style:none; margin:0; padding:6px 12px 12px}
.bcat-item{border-bottom:1px solid var(--bcat-border)}
.bcat-item:last-child{border-bottom:0}

.bcat-link{
  display:flex; align-items:center; gap:10px; padding:10px 4px;
  text-decoration:none; color:#0f172a; border-radius:10px;
  transition: background .15s ease, color .15s ease;
}
.bcat-link:hover{background:#f9faff; color:#1e2a78}

.bcat-name{flex:1; min-width:0; line-height:1.9; font-weight:700;font-family: 'IRANSans';}

/* Count badge */
.bcat-badge{
  background: #f2f4ff; color:#1e2a78; font-weight:800; font-size:12px;
  padding:3px 8px; border-radius:999px; border:1px solid #e0e5ff;
}

/* Empty */
.bcat-empty{padding:16px; text-align:center; color:var(--bcat-muted)}