/* ============================================================
   BengalTutors — the live batch card (css/batch-card.css)

   ONE card, wherever a batch is shown: the listing at
   /online-batches and the "Live online batches" row on the homepage.

   It used to be two — .bcard on the listing and .fb-card on the
   homepage, the second a hand-copy of the first. Same fields, two
   sets of rules, and they had already drifted apart in padding,
   type size and the shape of the tutor line.

   Colours are literal with a var() in front, so this file works on a
   page that defines the --slate/--primary palette and on one that
   does not.
   ============================================================ */

.b-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}

.bcard{position:relative;background:#fff;border:1px solid var(--slate-200,#e5e7eb);border-radius:16px;
  padding:22px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.bcard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(17,24,39,.10)}
.bcard.full{opacity:.72}

.bfmt{display:inline-block;align-self:flex-start;background:var(--primary-light,#e8f5ee);
  color:var(--primary-dark,#085029);font-size:.7rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:10px}

.btitle{font-family:'Sora','Hind Siliguri',sans-serif;margin:0 0 4px;font-size:1.05rem;
  font-weight:700;line-height:1.3;color:var(--dark,#111827)}

.bby{font-size:.84rem;color:var(--slate-500,#6b7280);margin:0 0 14px;display:flex;align-items:center;
  gap:7px;flex-wrap:wrap}
.bava{flex:0 0 26px;width:26px;height:26px;border-radius:50%;overflow:hidden;display:grid;
  place-items:center;background:var(--primary,#0d6b3e);color:#fff;
  font-family:'Sora','Hind Siliguri',sans-serif;font-weight:700;font-size:.72rem}
.bt-avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.vseal{display:inline-grid;place-items:center;width:15px;height:15px;background:var(--primary,#0d6b3e);
  color:#fff;border-radius:50%;font-size:9px;vertical-align:middle}

/* The four facts that make a batch a batch. */
.brow{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;
  color:var(--slate-700,#374151);padding:6px 0;border-top:1px dashed var(--slate-100,#f3f4f6)}
.brow b{font-weight:600}
.bseats{font-weight:700}
.bseats.low{color:var(--cta,#c62828)}
.bseats.none{color:var(--slate-500,#6b7280);font-weight:400}

.btags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.btags span{background:var(--slate-50,#f9fafb);border:1px solid var(--slate-100,#f3f4f6);
  color:var(--slate-700,#374151);font-size:.75rem;padding:3px 9px;border-radius:6px}

.bfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;
  padding-top:14px;border-top:1px solid var(--slate-100,#f3f4f6)}
.bprice{font-family:'Sora','Hind Siliguri',sans-serif;font-weight:700;font-size:1.05rem;
  color:var(--dark,#111827)}
.bprice small{font-weight:400;font-size:.72rem;color:var(--slate-500,#6b7280);display:block;line-height:1.2}
.bprice.none{font-size:.85rem;font-weight:400;color:var(--slate-500,#6b7280)}

.bbtn{padding:9px 18px;border-radius:8px;background:var(--primary,#0d6b3e);color:#fff;
  font-family:'Sora','Hind Siliguri',sans-serif;font-weight:600;font-size:.85rem;white-space:nowrap;
  text-decoration:none}
.bbtn:hover{background:var(--primary-dark,#085029);color:#fff;text-decoration:none}
.bbtn.off{background:var(--slate-100,#f3f4f6);color:var(--slate-500,#6b7280);pointer-events:none}