/* ===== زیر پلیر: دسکتاپ (بدون تغییر) ===== */
.jbg-single-header{display:flex;align-items:center;gap:10px;margin-top:10px}
.jbg-single-header .row{
  display:flex;align-items:center;gap:12px;
  flex-wrap:nowrap;                /* یک ردیف */
  justify-content:flex-start;      /* عنوان سمت راست، گروه چپ بچسبد به چپ */
  width:100%;
}
.jbg-single-header .col-right{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}
.jbg-single-header .title{margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jbg-single-header .sub{display:flex;gap:8px;align-items:center;white-space:nowrap}
.jbg-single-header .dot{opacity:.55}
.jbg-single-header .col-left{display:flex;align-items:center;gap:10px;flex:0 0 auto;justify-content:flex-end;margin-inline-start:auto}
.jbg-single-header .ext-like{display:inline-flex;align-items:center;gap:6px}
.jbg-single-header .brand{background:#f1f5f9;color:#111827;border:1px solid #e5e7eb;border-radius:999px;padding:3px 10px;font-weight:600;white-space:nowrap}

/* ===== موبایل: اول عنوان تمام‌عرض، بعد زیرش متا + لایک/برند ===== */
@media (max-width:640px){
  .jbg-single-header .row{
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;  /* سطر دوم: متا راست، لایک/برند چپ */
    gap:8px;
  }
  /* col-right به ظرف انعطاف‌پذیر تبدیل می‌شود */
  .jbg-single-header .col-right{
    display:flex;flex-wrap:wrap;align-items:center;
    flex:1 1 100%;                  /* کل عرض سطر اول */
    min-width:0;
  }
  .jbg-single-header .col-right .title{
    order:1;flex:1 1 100%;
    font-size:18px;line-height:1.4;
  }
  .jbg-single-header .col-right .sub{
    order:2;flex:0 0 auto;          /* متا در سطر دوم، سمت راست */
    font-size:12.5px;
  }
  .jbg-single-header .col-left{
    order:2;flex:0 0 auto;           /* کنار متا قرار بگیرد، سمت چپ */
    margin-inline-start:0;
    justify-content:flex-end;
  }
}