/* ============================================================
   JBS Property status flag — component style.
   A small uppercase status badge (Rated / Sold / Bought) for the
   Elementor single property template. Mirrors the design mockup
   (jbs/ratings.html .status-flag): Sold = red, Bought = ink,
   Rated = light chip. Scoped under .jbs-status-flag. Appearance
   only — no positioning/display here, so placement is left to the
   container (Elementor / theme).
   ============================================================ */
.jbs-status-flag{
  --red:#FF0533;
  --ink:#16181C;
  --sans:'Mulish',-apple-system,BlinkMacSystemFont,sans-serif;

  font-family:var(--sans);
  font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  line-height:1;border-radius:4px;padding:5px 9px;
  background:#fff;color:var(--ink);border:1px solid rgba(0,0,0,.12);
}

/* variants */
.jbs-status-flag.is-rated{background:#fff;color:var(--ink);border-color:rgba(0,0,0,.12)}
.jbs-status-flag.is-sold{background:var(--red);color:#fff;border-color:transparent}
.jbs-status-flag.is-bought{background:var(--ink);color:#fff;border-color:transparent}