/* ==== Scoped: .bsb (Blog Search Box) ==== */
@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;
}
.bsb{
  direction: rtl;
  font-family: "IRANSans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:#111827;
  margin-bottom:15px;font-family: 'IRANSans';
}
.bsb-card{
  background:#fff;
  border:1px solid #eef1ff;
  border-radius:16px;
  box-shadow: 0 8px 18px rgba(17,24,39,.06);
  padding:18px;
}
.bsb-row{ display:flex; gap:10px; align-items:center; }
.bsb-input{
  flex:1; height:42px; padding:0 12px;
  border:2px solid #5b6cff22; border-radius:10px;
  font: 500 14px "IRANSans", system-ui; outline:none;
  background:#fff; color:#111827;
}
.bsb-input::placeholder{ color:#9aa0b4; }
.bsb-input:focus{
  border-color:#5b6cff66; box-shadow:0 0 0 4px #5b6cff1a;
}
.bsb-btn{
  height:42px; padding:0 16px; border:0; border-radius:10px;
  background: linear-gradient(135deg,#5b6cff,#8a95ff);
  color:#fff; font: 800 14px "IRANSans", system-ui;
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  box-shadow:0 6px 16px rgba(91,108,255,.35);font-family: 'IRANSans';
}
.bsb-btn:hover{ transform: translateY(-1px) }